Hi, when scrolled down this shrunk version of header appears with grey color under the menu.
Two questions:
1) How to change it to a different one ?
2) How to make menu background transparent ?
Thanks!
Hi Ivne,
Could you provide us with a link to the site in question so that we can take a closer look please?
Thanks,
Rikard
I don’t always have an internet access when I’m working on this project, so I’ve decided to work offline through MAMP. I can post more screenshots. Hope it helps.
This is how Logo and Menu area looks when you open the page:
This is how Logo and Menu area looks when you scroll it down a bit (background color of menu becomes grey for some reason):
Please take a look at another example below I would really appreciate a solution to this issue.
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top #header .av-main-nav > li > a {
background-color: transparent;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
And then please refer to Josue’s post here – https://kriesi.at/support/topic/glassy-transparent-header/#post-310605
Regards,
Yigit
Unfortunately, it didn’t fix it for me. I might be doing something wrong. I just would like to get get rid of this grey background under the main menu. Thanks for your assistance!
Hey!
Please go to Enfold theme options > Advanced Styling and edit “Main menu links” and leave background field empty
Regards,
Yigit
Hey! The background field was always empty. But when I accessed this menu and saved it without editing, it fixed the issue. Thank you!