Tagged: enfold, hide logo, shrinking header
Hi there,
I would like to use the shrinking header, but instead of having a small logo I would like to remove it all together (only when the header is “shrunk” upon scroll.
How do I go about doing this? Simple CSS?
Cheers,
Jaime
Hey jaimemerz!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.header-scrolled .logo { opacity: 0; }
Cheers!
Yigit
Awesome – the logo disappears, but now there is a pretty large empty space where the logo should be (75px). Can I remove that empty space so the menu is closer to the top of the page?
Hi!
You can replace the code with this:
.header-scrolled #header_main > .container {
display: none !important;
}
Regards,
Ismael
Awesome! Worked like a charm. Thank you so much!