Mobile menu style 2 settings bug

[vakira]

Hi,

Thank you for creating lay theme.

I've encountered a bug when the following settings are set on the mobile menu:

• menu is not fixed

• list itemmenu style 2

If the user scrolls the page, and accidentally scrolls to the left the menu appears on the right side.

Also when scrolling the menu, the menu scrolls too.

Here are some screen shoots of the problem:

The webpage is https://mariaclot.com/

How can I fix it?

[arminunruh]

i can't reproduce this on your website!

which version of ios do you use?
can you disable all non-lay theme plugins and try again?

[vakira]

Yes sorry, now the menu setting of fixed is on. Currently the website is being used to show the projects to clients/studios, so it has to work smoothly. But the goal is to have it un-fixed.

I'm using IOS 13.1.3, and also tried to disable the plug-ins, but the problem persists.
Also tried from different browsers: Firefox and Chrome, and the same problem happens.

[mariusjopen]

Dear @vakira
Do you have any third-party plugins installed or CUSTOM JS code? Is it possible to deactivate it for a moment to see if the problem remains?

Marius

[tkracauer]

Hi!

I am experiencing this exact same issue. I've deactivated all non-laytheme plugins, deleted custom css, etc. User can scroll to the right to view mobile menu. Any fixes on this? Thanks!

website: temporary.archimuse.us

Tom

[Richard]

Dear Tom @tkracauer

I will forward this for further inspection :)

In the meantime if a quick solution is needed please add the following code to
'Custom CSS' - within 'Lay-Options - Custom CSS & HTML'

body{
overflow-x:hidden;
}

Thank you for your patience & for using Lay Theme.

Sincerely
Richard

[tkracauer]

@Richard-Keith

Hi Richard! Thanks for the help! That did not appear to work for me, but in the meantime I'll use a different menu style, and come back to it when the bug has been worked out.

Best,
Tom

[Richard]

Dear Tom @tkracauer

Thank you :)

Best of luck and have a wonderful day
Richard

[arminunruh]

hello everybody

if the menu is not fixed, you can scroll it away and that is intentional

but of course you shouldnt be able to scroll left and right, i'll take a look and fix this now

[arminunruh]

hey after thinking about this further:

using the option not fixed is for being able to scroll down and away from the menu once it is opened.

being able to scroll left and right only happens when the menu is not fixed. and this is a weird unexpected ios safari behaviour:
https://stackoverflow.com/questions/14270084/overflow-xhidden-doesnt-prevent-content-from-overflowing-in-mobile-browsers

for full-screen menus like menu style 2 or 1 i think it doesn't even make sense to be able to scroll down and away cause it will always just look like it is a bug.
so i'll just disable the option of being able to scroll down for these 2 styles

[arminunruh]

oh well after thinking about this further:

when using the fixed option it also fixes and unfixes the menu icon and menubar

so i'll instead just always fix the actual menu when it is menu style 2 or 3 instead of removing that option for those two

[arminunruh]

ok i will release the update soon,

until then you can use this css:

nav.mobile-nav{
position:fixed!important;
}