-
Posts
-
I have tried all sorts of code including this one from Nikko as well as other entries. No luck. Is there a solution to a sticky menu on mobile and will it be built into the theme in future versions? Thank you!
@media only screen and (max-width:767px) {
.responsive #top #wrap_all #header {
position: fixed !important;
}#footer .flex_column.av_one_fourth {
margin-bottom: 0 !important;
}#footer .flex_column.av_one_fourth .widget {
margin: 0 0 16px;
}
}Hey pamk21,
Thank you for the inquiry.
The css above should make the header sticky on mobile view. Where can we see the site? Please provide the site URL so that we can check it.
The reason why sticky header is not enabled on mobile devices by default because users can now navigate the site using touch patterns or gestures (e.g tapping twice to go back to top), so the need for sticky or fixed navigation is no longer required. And it also saves some screen space, which is quite limited on mobile devices.
Best regards,
IsmaelHi Ismael,
regarding your answer :
The reason why sticky header is not enabled on mobile devices by default because users can now navigate the site using touch patterns or gestures (e.g tapping twice to go back to top), so the need for sticky or fixed navigation is no longer required. And it also saves some screen space, which is quite limited on mobile devices.Most users don’t know the navigations shortcuts and they are also not enabled in all devices.
Many customers want the mobile sticky menu, I also hope it will be integrated in the theme options :- )Cheers
UriHi,
@uribinsted thank you for your feedback, I have added this request to our feature request list, to date the Dev Team points to this customization in our documentation.
Perhaps in the future this will be an added option within the theme, thank you for using Enfold.Best regards,
Mike
- The topic ‘Sticky Menu On Mobile’ is closed to new replies.