Hi,
How do you stop the 'Dashboards', 'Pages', 'Apps', 'Layouts', and 'Help' items from disappearing from the top menu when the screen gets smaller?
I use just the logo and 1 of these options as my navigation so need it present 100% of the time, no matter the screen width.
Many thanks
Paul
Hi,
Please do the following changes in the HTML:
1) We assume that you will have one element in the header menu with a submenu that toggles the same way in the desktop and mobile views.
2) Replace header menu item's sub menu's these classes menu-sub-lg-down-accordion menu-sub-lg-dropdown
with menu-sub-dropdown
.
3) Please add "d-flex" class before "app-header-menu" class for the header menu element.
4) Please deactivate the header menu responsive mode for the mobile view by setting data-kt-drawer="false"
and data-kt-swapper="false"
.
If you need any further help please let us know.
Regards.
Perfect! Many thanks
Glad to help you out. All the best with your project