Fixed Header and Footer for mobile devices in VueJs & Demo 8
Hi, friend! We are very happy to use Metronic! It is wonderful!
I am using my application in VueJs and metronic8/vue/demo1 Please help me with this:
1- The fixed header option does not work with "Light sidebar" layout: https://i.imgur.com/r9UHB6n.png I need to use header fixed on desktop and mobile.
Light sidebar: https://i.imgur.com/p7peqdU.png
2- I need to show a fixed footer on mobile devices, similar to mobile apps. I need my users to see a fixed bottom menu from their mobile (menu with icons and 4 options), like this: https://i.imgur.com/fOGEz2H.png
Replies (3)
Friend, your answer was missing:
2- I need to show a fixed footer on mobile devices, similar to mobile apps. I need my users to see a fixed bottom menu from their mobile (menu with icons and 4 options), like this: https://i.imgur.com/fOGEz2H.png
Hi,
Sorry for the late reply.
If you want to use our current header and footer menus you can make them fixed on mobile by following the steps below:
- In file src/layouts/default-layout/config/DefaultLayoutConfig.ts change
header.fixed.mobileandfooter.fixed.mobiletotrue - Open your browser and clear local storage.
- Hard refresh your page.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
ReUI
Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.
