• 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

Magazine Pro-How to move the Primary Nav below header

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 › Magazine Pro-How to move the Primary Nav below header

This topic is: resolved

Tagged: Magazine Pro, primary navigation

  • This topic has 10 replies, 3 voices, and was last updated 12 years, 1 month ago by faiekg.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 15, 2014 at 9:03 am #105306
    reynaldo
    Participant

    I have already tried below but with no luck:

    //* Reposition the primary navigation menu
    remove_action( 'genesis_before_header', 'genesis_do_nav' );
    add_action( 'genesis_after_header', 'genesis_do_nav' );

    Any suggestions?

    thanks

    May 15, 2014 at 9:09 am #105309
    Brad Dalton
    Participant

    Where did you put that code?


    Tutorials for StudioPress Themes.

    May 15, 2014 at 9:20 am #105312
    reynaldo
    Participant

    hi brad,

    thanks for the reply.

    i placed it in the bottom of functions.php of the magazine pro theme.

    May 15, 2014 at 10:02 am #105327
    Brad Dalton
    Participant

    Line 50, remove this code:

    //* Reposition the primary navigation menu
    remove_action( 'genesis_after_header', 'genesis_do_nav' );
    add_action( 'genesis_before_header', 'genesis_do_nav' );
    

    Tutorials for StudioPress Themes.

    May 15, 2014 at 10:14 am #105330
    reynaldo
    Participant

    Ok, i removed it. Still the primary nav is on top.

    I also tried to remove the code I placed earlier, no change.

    May 15, 2014 at 10:23 am #105331
    Brad Dalton
    Participant

    What i would do is simply remove it.

    //* Reposition the primary navigation menu
    remove_action( 'genesis_after_header', 'genesis_do_nav' );
    

    If you want 2 nav menus, i would create another and you could use the styling from either one.


    Tutorials for StudioPress Themes.

    May 15, 2014 at 10:31 am #105333
    Brad Dalton
    Participant

    Or what you could do is something like this:

    Remove this CSS code:

    .nav-primary {
    	background-color: #222;
    	position: fixed;
    	width: 100%;
    	z-index: 999;
    }
    

    And remove the 2 lines from Line 50 and use this:

    //* Reposition the primary navigation menu
    remove_action( 'genesis_after_header', 'genesis_do_nav' );
    add_action( 'genesis_after_header', 'genesis_do_nav', 25 );
    

    Then add this:

    .nav-primary a {
    	color: #222;
    }
    

    Tutorials for StudioPress Themes.

    May 15, 2014 at 10:33 am #105334
    reynaldo
    Participant

    Ok. i actually just want 1 nav below the header. I want the primary nav because of the extras. I guess i have to just use the secondary nav which appears below header. thanks.

    May 15, 2014 at 10:52 am #105338
    reynaldo
    Participant

    Your code actually worked. But there seems to be a leftover space on top where the Primary nav used to be. thanks.

    May 16, 2014 at 12:51 am #105437
    Brad Dalton
    Participant

    Would be better but you can remove the subnav completely. Check out all the Code http://my.studiopress.com/snippets/

    And use Firebug to find the classes which needs modifying to remove the space


    Tutorials for StudioPress Themes.

    May 30, 2014 at 2:34 am #107442
    faiekg
    Member

    Hello !!

    Just wanted to say thanks !!!! Been trying to do this for days now !! Really appreciate the help !!

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 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