Off Canvas Mobile Issue When Phone Turned Horizontal

Hi, we’re building an off-cavas menu that works fine when the phone is held vertical, but if the user turns the phone horizontally, the height of the off-canvas is limiited to the height of the phone (now squished horizontally) and all of the menu elements are squished also. Is there a CSS or settings fix for this that I’m missing?

Hi @flippingtires,

Thanks for reaching out.
I have checked your website on my Android mobile phone and found the issue you described. It seems that problem with the Padding and the Font size of the Menu Items, I would suggest you adjust the padding and the font size for that specific breakpoint and check if that resolves your issue. If that does not help, please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

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