Bottom navbar for mobile screen size example
I want to implement a bottom navbar for mobile screens using Metronic. This should be stuck to teh bottom of the screen as the user scrolls. And the menu items should be icons (similar design pattern to native mobile apps like whatsapp / instagram etc). Ideally, as screen size becomes bigger than mobile, this bottom navbar would disappear and either vertical side or horizontal top would appear.
Here is an example bootstrap implementation: https://github.com/andikatuluspangestu/bootstrap-mobile-navbar
Question: Have keenthemes any example implementations of this within their themes? Any approved way to do this correctly using keenthemes?
Many thanks.
Replies (3)
A bottom navbar for mobile screens would be a very useful addition to Metronic, especially for app-style dashboards and modern web apps. Many users are already familiar with this layout from platforms like WhatsApp and Instagram, so it can improve mobile navigation and user experience.
It would be great if KeenThemes provided an official example or recommended approach for adding a fixed bottom icon menu that appears only on mobile and switches to a sidebar or top navbar on larger screens. This type of mobile-friendly navigation is also common in communication apps like whatsapp gb from this: gbwhatspro.com.br , where quick access to key sections matters a lot.
Hi,
Thank you for your feedback on this and we will consider implementing it in the upcoming update.
In the meantime you can use the above plugin by including the css/html. If you need any further help please let us know.
Regards.
