sub menu background changes on scroll

I am trying to create a sub menu like this site.  As you scroll the menu background turns orange and the letters turn white. They also have a dark blue boarer on their menu.  Is this possible? https://ignitevisibility.com/

Comments

  • Hi,

    to change background color of sticky header, you need to use an extra css:
    #Header .top_bar_left, .header-classic #Top_bar, .header-plain #Top_bar, .header-stack #Top_bar, .header-split #Top_bar, .header-fixed #Top_bar, .header-below #Top_bar, #Header_creative, #Top_bar #menu, .sticky-tb-color #Top_bar.is-sticky { background-color: #000 !important; }
    But the menu items are already white so we do not understand what else you want to change exactly.
  • I am trying to make it so that when you scroll down the sub menu the background changes to orange and the letters change to white. right now its the opposite. see the sample web page i sent you and my web page.
  • the code you sent me did not accomplish this. 
  • http://pasteboard.co/OgqnmONu.png - on this picture you can see that the code we gave you above works, right? And this is what you asked for, right? So if the answer on both questions is yes, it means you pasted above code in a wrong place or did something else wrong.
  • that code changes the main menu background color.   I am trying to change the sub menu during scrolling for the background color. 
  • I found it in another post: #Top_bar .menu > li ul li a:hover, #Top_bar .menu > li ul li.hover > a { background: #ef6422 !important; color: #FFFFFF !important; }
  • how do i put a 1px boarder around the sub menu now and in-between boxes within the sub menu?
  • Please show us on screenshot how exactly you want to add this border and where exactly so we can avoid confuse then.
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.