Menu dropdown mobile responsiveness

Hello!
I have a menu with two layers of sub-menus. I am using the menu dropdown element for mobile but I am just having an issue with the menu going off screen. Is there anyway to keep the main tabs on screen and maybe overlap or push the parent menus aside, just to make everything readable?
Here’s my issue on video: https://www.loom.com/share/691f053987b84d7da2b872b6af33ab4f
Website is lgademo.tenacsolutions.com

Thank you!

Hello @Keir,

Thanks for writing in! Please be advised that the Navigation Inline and Navigation Dropdown elements are best to use in desktop screens. For smaller screens, you can use the Navigation Layered, Navigation Collapsed, Navigation Modal or Navigation off-canvas elements.

With your current setup, it is best that you use the Dropdown element and then insert the Navigation Layered or Navigation Collapsed inside the Dropdown element content. Please check out these documentations:

Best Regards.

Thank you!!

You are most welcome, @Keir.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.