I would like to display the logo + menu on mobile devices AT THE BOTTOM the viewport, instead of above the viewport (as usual). So basically create an app fee; & look, where the menu is easy to operate with the thumb. Is this possible?
Hey Frans,
Try using the full width submenu element and add the custom class sticky-bottom and don’t use the sticky option, then add this css to your child theme stylesheet or the theme option Quick CSS
@media only screen and (max-width: 767px) {
.sticky-bottom {
position: fixed!important;
bottom: 0;
}
}
If you want to use icons in the submenu see our documentation here.
Best regards,
Mike
Hi Mike,
Thanks for your clear instruction and code; this is exactly what I wanted to achieve!
Cheers,
Ita
Hi,
Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Hi Rikard, You can close the topic. I hope someone else will benefit from it in the future when looking for this feature.
Have a very nice day!
Ita
Hi,
Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard