Tagged: Sticky Header Mobile
Hi :)
when i created this page:
http://www.apprupt.com/
1) we added a hack to have all the time a sticky header: Desktop/Tablet/Smartphone
this 2 years ago.
Is it now in the template integrated as standard?
2)
.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; }
or can i do it with this code-snippet?
Kind regards
lim
Hi Liminalty!
If your using the latest version you can set the header to be sticky in Dashboard > Enfold > Header > Header behaviour.
Regards,
Elliott
Hey tahnks for the fast response!
Also for mobile?
I saw some demo-pages from enfold. They had sticky header for the desktop version, but not for the mobile version.
Would be great if i could get a specific answer to that.
Thanks
Hey!
Sorry, It will not on smartphones / tablets, only for desktops.
Best regards,
Elliott
I’m very much interested about this hack to force sticky headers for mobile devices. I tried the code you put up here @Liminalty but it did not work for me.
@Elliot, is there updated code I should be using?
Cheers.