Bottom Menu

[David Cole]

Hi Bill,

I have a couple of related questions. Is it possible to make the footer menu only appear on certain pages, and is it possibly to make it sit at the bottom of the window (rather than the page) so it’s always visible?

Essentially, what I’d like to do is have an equivalent of the normal, top menu that only appears when people are in the ‘conference’ section of our website.

Many thanks,

David.

[Bill Robbins]

Hello David,

That is an interesting question. You can do that. Basically we’ll need to hide the right hand side of the footer everywhere and then only make it visible on certain pages. Here’s how to do that:

1. Edit the page where you’d like to have the footer menu visible. Look in the navigation bar of your browser and it should look something like this:

   
   https://support.organizedthemes.com/wp-admin/post.php?post=16122&action=edit
   

   The post=16122 lets us know what the ID of the page is. We’ll need that in a minute.

2. Then go to your theme options page and choose the Advanced tab.
3. Scroll down to the Custom CSS box and add this:

   
   #footer-right {
   	display: none;
   	position: fixed;
   	bottom: 30px;
   	right: 40px;
   	padding: 10px;
   	background-color: #191a19;
   }
   
   .page-id-16122 #footer-right {
   	display: block;
   }
   

Replace the 16122 in the snippet above with the ID for your page. That will allow the menu to be visible only on that page. If you need more than one page, separate them with commas like this:

.page-id-16122 #footer-right,
.page-id-16123 #footer-right,
.page-id-16124 #footer-right {
	display: block;
}

Just make sure the last one doesn’t end with a comma.

4. Update your settings.

Feel free to adjust the color of the bar, and it’s positioning to fit your needs.

Have a great week,
Bill

[Author]

Posts