Hi there
Is there a way to replace the mobile menu on mobile devices with the top bar menu? Instead of seeing the main menu on mobile, we want to see only the top bar menu when you tap on the 3 lines in mobile devices.
Thanks
Hello,
You can create a new menu and assign it to the mobile menu -> https://forum.tagdiv.com/main-menu/. To set the menu, go to the mobile viewport, click on the menu icon and check if you choose a menu from this dropdown: https://app.screencast.com/kXblv69NkhU60
Also, you need to use header template to do it.
Thank you!
Thanks for the info. I’m assuming this is using a cloud header template? We aren’t using any cloud templates and when I’m in the composer, it says this header isn’t editable. Is there way to do it in CSS? Instead of having it show the main menu, swap it to show the top bar only on mobile devices? We tried enabling the tagDiv Cloud Library plugin and it crashes the site, not sure why so aren’t using it since the theme is working perfectly.
Hello,
Unfortunately, no. You can not do it with CSS. What version of the theme do you have?
Thank you!
The latest version. 12.6.8. with PHP 8.2.27. Everything is up to date.
Hello,
And what error do you have when you activate the tagdiv Cloud Library? A different menu can be created only with header templates for mobile.
Thank you!
