Hi guys,
My settings in theme options: slim header, sticky and shrinking. I’d like to achieve the following:
Thanks!
Hey woeph!
Please add following code to Quick CSS
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header { position: fixed; }
.responsive #top #main {
padding-top: 88px !important; }}
Please see – http://kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/
Regards,
Yigit
Thanks Yigit, I managed to get what I wanted. However, because I have the shrinking/transparent header enabled on my theme, when I scroll down on mobile the header will fade out and quickly back in. I believe this is the transition between normal header to shrinked header but I can’t manage to hide the transition targeting mobile viewport only. Could you please assist?
Cheers,
woeph
Nevermind, I’ve done it now. :) Thanks.