Archived topic
Customize Sticky menu
3 replies · Started by Jason on December 1, 2018
How can I customize the sticky navigation menu to reflect a different menu than the main menu? Example: When scrolling I want the sticky menu to show only two buttons prompting a call-to-action instead of automatically showing the default menu selected for main menu. I have created the call-to-action menu but can't see how to implement that for sticky menu.
Please refer to current static html site sticky menu : https://negoshi.com
and compare to wordpress build generate press sticky menu: http://negoshi.com/wp
Hi there,
Try this CSS:
.main-navigation:not(.navigation-stick) .main-nav ul li.nav-button a {
display: none;
}I appreciate the help but I added that css and it didn't do anything to the main nav menu. It didn't break the site and the css was excepted but didn't have the desired result. I am trying to get the menu to function exactly when scrolling like the html version here - https://www.negoshi.com/index.php
Notice once you scroll the menu changes to a simple two-button call to action. I can easily create the button features in the menu but the challenge is that I can't get the main menu to switch to the two-button menu upon scroll. Any other suggestions would be greatly appreciated.
Looks like you removed the nav buttons in the menu?
They were there when I provided the solutions. I tested the code and it was working.
