sub menu background changes on scroll

adulthomehealth

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/

my site: http://adulthomehealthcare.com/

Albert

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

adulthomehealth

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.

adulthomehealth

the code you sent me did not accomplish this. 

Albert

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

adulthomehealth

that code changes the main menu background color.   I am trying to change the sub menu during scrolling for the background color. 

adulthomehealth

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; }

adulthomehealth

how do i put a 1px boarder around the sub menu now and in-between boxes within the sub menu?

Albert

Please show us on screenshot how exactly you want to add this border and where exactly so we can avoid confuse then.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next