• 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

Trying to get the primary nav above the header in Parallax 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 › Trying to get the primary nav above the header in Parallax Pro

This topic is: resolved

Tagged: before header, parallax-pro, primary navigation

  • This topic has 1 reply, 1 voice, and was last updated 8 years, 8 months ago by Jason Weber.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 19, 2014 at 1:33 am #125027
    Jason Weber
    Member

    Hey!

    I'm having a heck-uv-a time getting the primary navigation to show above the .site-header in Parallax pro.

    I'm focused on the code in functions.php, of course:

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

    So I change it to:

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

    And the result is, as expected: http://i.imgur.com/x94dpoR.jpg

    But if I change it to:
    //* Reposition the primary navigation menu
    remove_action( 'genesis_after_header', 'genesis_do_nav');
    //* add_action( 'genesis_before_content_sidebar_wrap', 'genesis_do_nav' );
    add_action( 'genesis_before_header', 'genesis_do_nav' );

    The result, oddly, is: http://i.imgur.com/lq0tgYL.jpg

    This is not expected. I would like for the primary nav to be at the very top of the page, and the .site-header just below it.

    I'm attempting to implement a mega menu that will be 50px in height and use that for the primary navigation.

    So ideally, I'd like to push the .site-header down 50px, so I can fit the primary nav before it, at the top of the screen.

    I did e-mail Genesis support, and was just told "learn how to use Firebug and adjust the CSS" ... which I'm quite familiar how to do, and obviously didn't answer my question!

    Any guidance in this regard would be greatly appreciated!


    Webby’s WebPrezence
    National Center For Due Process

    https://cases.nationalcdp.org
    September 19, 2014 at 2:31 am #125030
    Jason Weber
    Member

    For anybody running into a similar issue, I fixed my issue by doing this to the functions.php:

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

    And then adjusting your CSS to this (or just inserting it in Custom CSS if you have that option -- recommended), as the native CSS has a margin-bottom of 60px:

    .nav-primary {
    	margin-bottom:0px!important;
    }

    Webby’s WebPrezence
    National Center For Due Process

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Trying to get the primary nav above the header in Parallax Pro’ is closed to new replies.

CTA

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

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 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