-
Posts
-
Hi. Sorry if I take your time: http://www.trikego.com I would like to try to use the fixed menu on mobile. I searched and found https://kriesi.at/documentation/enfold/header/#sticky-header-on-mobile I entered the css
/* Sticky header on mobile */
@media only screen and (max-width: 767px) {
.responsive #top #main {
/* Margin top value should be equal to header height*/
margin-top: 180px;
}
.responsive #top #wrap_all #header {
position: fixed;
}
}but the header flows with the rest: where am I wrong? I would like to try to block it, with sticky effect. Thank you very much. Loved the site, thanks Enfold. Best regards. Bruno
now it works, but I can’t remove the blue space to bring the text closer and have less empty space: could you give me some advice?
/* Sticky header on mobile */
@media only screen and (max-width: 767px) {
.responsive #top #main {
/* Margin top value should be equal to header height*/
margin-top: 0px;
}
.responsive #top #wrap_all #header {
position: fixed;
}
}
- The topic ‘I can't fix header on mobile’ is closed to new replies.