Get 2024 Templates Mega Bundle!19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets
Get for 99$

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


Text formatting options
Submit

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:

  1. In file src/layouts/default-layout/config/DefaultLayoutConfig.ts change header.fixed.mobile and footer.fixed.mobile to true
  2. Open your browser and clear local storage.
  3. Hard refresh your page.



Regards,
Lauris Stepanovs,
Keenthemes Support Team
Text formatting options
Submit
Text formatting options
Submit