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.