Having A Problem with menus and it's frustrating!

[Weymolith]

I’m having a problem with the menus on my site. They look perfect when on a desktop or pad, but when you are on a mobile device they crunch together. I have tried a bunch of different settings and have not found a happy medium.

Is it possible to have the Footer menu vertical on mobile devices and horizontal on regular screen sizes?

[Weymolith]

Site is https://www.hourglassdreams.com/sydbarb

[ruenel]

Hello Raistlin,

Thanks for posting in! You are having this issue because you did not include a dedicated mobile menu. Please be advised that the Navigation Inline element that you have added in your custom header is best to use on desktop screens. For smaller screens, you can make use of the Navigation Off-canvas, Navigation Modal or Navigation Layered elements. You can show/hide the navigation elements by utilizing the “Hide During Breakpoints” option. To learn more about how to show/hide an element, kindly check this out:

• https://theme.co/docs/hide-or-show-content-by-device-size

For your footer, yes you can. You can change the Flex Direction of the Navigation Inline element responsively.

Hope this helps.

[Weymolith]

That helps to a degree. When I go to the small screen (for mobile) it disappears completely.

[prakash_s]

Hello Raistlin

I checked your site it seems that you have already added the menu for the mobile devices and you have hidden the desktop menu for the small device. It seems that you have fixed your issue, in case if you have any more concerns please let us know.

Thanks