Mobile menu does not scroll till the end

H progress000,

Might you have already fixed this? (by setting the Mobile Effect to Off Canvas?) – I have checked and it is scrolling for me here.

Regards,
Tom

Hi Tom,

i was just testing another plugin. I just change it back to Max Mega Menu. Unfortunately it is not fixed yet.

Hi,

It is scrolling for me in Safari and in Chrome. Do you mean the address bar (or something else) is covering the last item? If so try adding 100px bottom padding to the mobile menu (jn the theme editor). If that does not work, please leave the padding in place and post a screenshot of what you’re seeing (you can upload it to imgur.com and paste a link here) so I can get a better understanding of the problem.

I will take a look first thing Monday morning.

Regards,
Tom

Hi Tom,

I’m struggling with the Off-canvas menu on mobile, it not scrolling till the last item of the sub-menu ( Shakers). I have tried already with padding before, even with 200px it did not work. Now I set 100px and left it for you. It’s weird as on the iphones, both, safari and chrome browsers padding do the job and it works. We are facing the issue on the phones with the android system. The issue is on both views, vertical and horizontal.

Please find the photos bellow

View post on imgur.com

Thank you for your help!

Hi,

Thanks. I can see the “Shakers” item on the screenshot above, so do you mean you can scroll to it but not click on it? I have tried on an iPhone 14 and I can scroll to it and click it:

Regards,
Tom

Hi,

it is about scrolling. It indeed works on iphone, but not on android.

We cannot scroll to shakers on android.

See attached movie: https://imgur.com/a/dECyG6C

Ah, got it (finally!)

Please go to Appearance > Customize > Additional CSS and insert the following:

#mega-menu-wrap-mobile #mega-menu-mobile > li.mega-menu- megamenu.mega-menu-item {
width: 100%;
float: left;
}

Regards,
Tom

Hi Tom, thank you for your effort . I used it, but unfortunately it still does not scroll till the end. I even tried with inserting it to the Elementor and plugin, but also with no results.

Hi,

I’m not seeing that CSS being applied, please can you add it to Mega Menu > Menu Themes > Custom Styling instead?

Regards,
Tom

Hi, i added it, but removed after seeing no change. Now i added it to the Mega Menu custom styling and will leave it there for you. Thank you.

Hi,

I have checked but I still do not see the CSS. I would expect to see it at the bottom of this file:

https://lukaszz7.sg-host.com/wp-content/uploads/maxmegamenu/style.css?ver=a0de51

(you can see the other custom CSS you have added that specifies a max-height)

Please check you’ve added the CSS to the correct menu theme, then check the file above to make sure it has been added. Once it is there, I will take another look.

Regards,
Tom

Hi, im sorry, i had to make a mistake before. Now is added to the correct theme but unfortunately still not working.

Hi,

In the CSS, please remove this space:

Regards,
Tom

Hi Tom,

thank you a lot! it is working now ?? now we can enjoy your plugin.

Have a great day and happy New Year!

Hi Tom,

We have translated our website to other languages using WMPL, and now on the translated website on mobile, we face the same issue.
The CSS which you provided is placed but did not help.
Any suggestions on this?

Kind regards,

Lukasz