Hiya
I have a transparent header on the home page but when the user scrolls, the header turns white. The other pages do not use transparency at all.
It all looks great but the social icons don’t show up on the white background. Can you help?
Thanks!
Hey ginnywills,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
/* CSS - */
#top #header:not(.av_header_transparency) .social_bookmarks a {
color: #333;
}
Best regards,
Vinay
Perfect – thanks!
Hi ginnywills,
Glad that we could help :)
Let us know if you need further assistance or if we can close this thread.
Best regards,
Nikko
Hey –
One more question….
On the phone, the top bar above the header has a background color of white but I need it to be red, like the desktop version. Can you give me the CSS?
I tried this, but it didn’t work:
#header_meta .container_wrap container_wrap_meta av_icon_active_main av_phone_active_right av_extra_header_active av_entry_id_202 av_av_admin_bar_active {
background-color: #e31d1a;
}
Actually, I have just noticed that this is only happening on the home page – I assume because I have a transparent header on that page only.
I am also having a problem with the burger menu on that page only — the background color of the flyout menu should be #999999 so you can see the text. On my phone it is white and you can’t see any of the text.
Hi ginnywills,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top #header_meta {
background-color: #e31d1a !important;
}
Hope it helps :)
Best regards,
Nikko
That’s it! Thanks!
Hi ginnywills,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria