• 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

Reposition Primary Navigation Menu – Agency Pro

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 › Reposition Primary Navigation Menu – Agency Pro

This topic is: not resolved

Tagged: agency pro, reposition, Reposition Menu, responsive menu

  • This topic has 4 replies, 2 voices, and was last updated 11 years, 6 months ago by Brad Dalton.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 8, 2014 at 1:02 am #113334
    Patina
    Member

    I hope this is the correct lingo...

    Can anyone help me or advise me on how to move the primary-navigation (nav-primary) menu and repositioning it directly under the header? (This would be directly above and NOT within the site container.) (I would also like some suggestions on adding a responsive menu to this theme AFTER the navigation menu is fixed. So, if you have any suggestions please let me know.)

    I would like the theme to be structured like this:
    <header class="site-header"> __</header>
    <div class="nav-primary" __</div>
    <div class="site-container" __</div>
    <div id="home-top" __</div>
    <div class="site-inner" __</div>
    <div class="footer-widgets" __</div>
    <footer class="site-footer" __</div>
    </div>

    Currently the nav-primary is within the site-container and to keep the menu in place you have to add padding-top to the nav-primary to keep it from disappearing behind the header as the device width changes. It's a real pain to keep fixing the padding and I don't see how anyone would want to work with this issue and I want to fix it...
    <header class="site-header"> __</header>
    <div class="site-container" [div is missing here]
    <nav class="nav-primary – to also include a responsive mene - __</nav>
    <div id="home-top" __</div>
    <div class="site-inner" __</div>
    <div class="footer-widgets" __</div>
    <footer class="site-footer" __</div>
    </div>

    http://dev.patinamarketing.com/patinamarketing/t
    July 8, 2014 at 7:58 am #113390
    Brad Dalton
    Participant

    Have you tried something like this:

    https://gist.github.com/braddalton/2496de29a446509ff514


    Tutorials for StudioPress Themes.

    July 8, 2014 at 9:07 am #113407
    Patina
    Member

    Hi,

    Adding the code below to the function.php code creates two nav-primary menus in the site-container. It does not remove the nav-primary from the site-container or place the nav-primary above the site-container, which is what I need to do.

    see: website

    remove_action( 'genesis_after_header', 'genesis_do_nav' );
    add_action( 'genesis_before_header', 'genesis_do_nav' );

    July 8, 2014 at 9:27 am #113411
    Patina
    Member

    I've tried the code above in a custom-functions.php file and the child themes function.php file.

    If added to the custom-functions.php file two navigation menus appear in the site-container.
    If added to the function.php file nothing changes.

    The menu remains in the site-container.

    July 8, 2014 at 10:01 am #113418
    Brad Dalton
    Participant

    You may need to change the hook positions in the code as its an example of how to re-position the menu.

    Please close this post as its a duplicate http://www.studiopress.community/topic/reposition-primary-navigation-menu-agency-pro-2/


    Tutorials for StudioPress Themes.

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