• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Move Site Logo down into nav primary

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Move Site Logo down into nav primary

This topic is: not resolved
  • This topic has 5 replies, 3 voices, and was last updated 10 years, 8 months ago by sethbahookey.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 3, 2015 at 9:41 am #150012
    sethbahookey
    Member

    Hello,

    I am trying to move the site-header a image down so that it overlaps into the nav-primary/genesis-nav-menu area.

    How would I achieve this?

    You can see from this page how I'd like it to move down kinda like the home page where it overlaps.

    Thanks

    Contact us for help with Compression Garments

    May 3, 2015 at 10:01 am #150013
    Brad Dalton
    Participant

    Link to your site please. Not sure if thats an example of what you want or your own site as it contains many errors.


    Tutorials for StudioPress Themes.

    May 3, 2015 at 10:12 am #150014
    sethbahookey
    Member

    That is the site right there 🙂

    The home page is thecompressioncloset.com

    I want the logo to shift down so it's even with the nav menu and the big C to kinda hang down a little bit

    May 3, 2015 at 11:03 am #150022
    Brad Dalton
    Participant

    I would take a look at how its done in the Education Pro theme as that will give you one way to over hang your image.


    Tutorials for StudioPress Themes.

    May 3, 2015 at 11:49 am #150028
    Tom
    Participant

    @sethbahookey Try this CSS to reposition the image in site-title background. This also drops the page content so that the title is not blocked by the image.

    .site-inner {
    	position: relative;
    }
    
    .site-title {
    	position: absolute;
    	top: 0;
    } 
    
    .content {
    	margin-top: 100px;
    }

    It's kind of awkward not having .site-title on the homepage and I'm pretty sure that this will negatively impact your SEO. If you do choose to separate the site-title image from the large front page photo, this CSS will have to be changed. There are also going to be several issues with placement vs the nav menu as you customize the media queries.


    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

    May 3, 2015 at 5:48 pm #150052
    sethbahookey
    Member

    Thanks for the help guys!

    So I ended up putting the navigation in the header right widget area and removed the nav-primary completely. I added header back in and was able to just display:none; on the front page. This actually solves most of my problems except I'm trying to bumb the header right up so that it's on top of the main image on front page, and I can't seem to get it to overlap it.

    Front Page

    Do you guys have any suggestions for that bit? Thanks again!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble