• 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

Register a second sticky nav/menu at the BOTTOM of the webpage

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 › Register a second sticky nav/menu at the BOTTOM of the webpage

This topic is: resolved

Tagged: business pro, genesis-menus, wp_nav_menu

  • This topic has 6 replies, 2 voices, and was last updated 3 years, 5 months ago by Brad Dalton.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 26, 2019 at 3:38 am #493182
    ilkweb
    Member

    Hi everyone, I'm looking for a way to add a sticky nav to the BOTTOM of my site. I'm using a theme from SEO Themes called "Business Pro" - https://my.studiopress.com/themes/business/

    To be clear, I am already using a sticky nav at the TOP of the site. That's fine, but I basically need to register a second menu area for the BOTTOM.

    This is not something I do normally and I think it looks bad, but I'm being told to do it and I cannot find an easy way to do so.

    Is there a plugin that can add the sticky nav menu at the bottom of the site?

    August 26, 2019 at 4:13 am #493184
    Brad Dalton
    Participant

    Try the code in this tutorial

    You can then use CSS to make the menu sticky. https://www.w3schools.com/howto/howto_css_fixed_footer.asp


    Get Help – Book Consultation.

    August 26, 2019 at 5:12 am #493185
    ilkweb
    Member

    The code you posted in your tutorial breaks my CSS. I'm using a multisite.

    I'm going over the code you posted but I cannot understand what is wrong with it, if anything is wrong.

    August 26, 2019 at 5:18 am #493186
    Brad Dalton
    Participant

    If it breaks your CSS, use a different class in the PHP.


    Get Help – Book Consultation.

    August 26, 2019 at 6:40 am #493187
    ilkweb
    Member

    The below code is creating TWO footers on my webpage.

    function register_additional_menu() {
      
    register_nav_menu( 'third-menu' ,__( 'Footer Navigation Menu' ));
         
    }
    add_action( 'init', 'register_additional_menu' );
    
    add_action( 'genesis_footer', 'add_third_nav_genesis' ); 
    
    function add_third_nav_genesis() {
    
    wp_nav_menu( array( 'genesis_footer' => 'third-menu', 'container_class' => 'genesis-nav-menu' ) );
    
    }
    
    echo'
    
    <div class="third-menu">';
    wp_nav_menu( array( 'genesis_footer' => 'third-menu', 'container_class' => 'genesis-nav-menu' ) );
    echo'</div>
    
    ';

    If I remove

    <div class="third-menu">';
    wp_nav_menu( array( 'genesis_footer' => 'third-menu', 'container_class' => 'genesis-nav-menu' ) );
    echo'</div>

    I have the one footer, where I want it, but without the classes and subclasses I need.

    At present the CSS I'm targeting is

    #menu-footer {
      text-align:center;
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      background-color: red;
      color: white;
      text-align: center;
      z-index:1000;
    	}

    I'm unable to center my nav as I would like to use margin:0 auto; while keeping the outer container at width: 100%;

    I'm getting there gradually.

    August 26, 2019 at 11:18 am #493192
    ilkweb
    Member

    Hi Brad, I'm using Genesis Simple Hooks in combination with some other methods. I'm almost there, and am using part of your code.

    Thanks for the help!

    August 27, 2019 at 4:39 am #493214
    Brad Dalton
    Participant

    You can add the PHP directly to your child themes functions file.


    Get Help – Book Consultation.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Register a second sticky nav/menu at the BOTTOM of the webpage’ 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