Good day,
I’ve been going around in circles looking at tutorials etc. I cant seem to get right the header and main menu transparency on my website. I want both the head and the main menu to be transparent and then both should be white once scrolling.
I have set the header to transparent and glassy but when i scroll it doesnt go white.
The main menu is white. I cant get it to be transparent.
Can you help me?
Hey smura21,
The transparency and the header going white after scroll is working fine on my end using Chrome. I do see that you have a background set to your menu items though, is that the problem you are having maybe?
Best regards,
Rikard
Hi Rikard,
Yes. The background on the menu is the issue.
Can you remove it so that its also transparent and then when I scroll it should become white.
Regards
Hi,
Add this to quick css:
#top #header .av-main-nav > li > a{
background:transparent!important;
}
Best regards,
Jordan Shannon
Thanks a million. This worked!
Hi,
No problem at all. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon