Tagged: header, logo, sticky header
Hi,
Is there a way to have a logo in the header and a different one when scrolling? Mainly I’m trying to have my full logo in the header and when I scroll put just a small icon in the sticky header. Is there any way to do that?
Thanks
Hey asthyanax!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
.header-scrolled .logo img { opacity: 0; }
.header-scrolled .logo a { background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png); background-repeat: no-repeat; background-size: contain; }
Cheers!
Yigit
thank you perfect:)