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

[ilkweb]

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?

[Brad Dalton]

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.

[ilkweb]

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.

[Brad Dalton]

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

---

Get Help – Book Consultation.

[ilkweb]

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.

[ilkweb]

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!

[Brad Dalton]

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

---

Get Help – Book Consultation.

[Author]

Posts