Tagged: fixed, fixierter header, header, mobile, responsive, sticky
Guten Tag,
ich nutze Enfold Demo Consulting und möchte bei der mobilen Version den Header fixieren (überall, wo Burger-Menü ist),
dieser Code dürfte nicht funktionieren, entnommen von https://kriesi.at/support/topic/how-to-enable-small-fixed-sticky-header-for-mobile-tablet/
@media only screen and (max-width: 989px) {
.html_stretched.responsive.html_mobile_menu_tablet.html_header_top #top #main {
margin-top: 90px !important;
}
.html_stretched.responsive.html_mobile_menu_tablet #top #wrap_all #header {
position: fixed !important;
}
}
Hey manfredergott,
Thank you for the inquiry.
The previous code specifically targets tablet devices. If you want it to appy across all devices, you can use this css code instead.
@media only screen and (max-width: 989px) {
.html_stretched.responsive.html_header_top #top #main {
margin-top: 90px !important;
}
.html_stretched.responsive #top #wrap_all #header {
position: fixed !important;
}
}
Best regards,
Ismael