Menu does not fit the screen from mobile – Botiga

Hi Marco,

Thanks for posting a link.

Have you already fixed this? Here is what I see:

Regards,
Tom

Hi, thank you for your fast reply.

Still not, as you can see the website doesn’t fit the screen anymore from mobile, and when it first charge, the menu is half visible.

When I switch to the basic hamburger menu from my theme, it perfectly fit the screen.

(From IPhone)

• This reply was modified 2 years, 11 months ago by marcogriffo.

Hi marcogriffo,

I’m sorry but I don’t understand. Please could you post a screenshot which shows what you’re seeing? Ideally annotated showing exactly what is wrong?

Thanks
Tom

Sure, here you can find the screenshots:

Google Drive – Screenshots

Thanks.

I’ve checked on iPhone 11 and Samsung Galxy 10, and I don’t see this.

Which device are you using?

Regards,
Tom

iPhone 11.

Maybe I didn’t explain it clear, the hamburger menu goes out of the page from mobile. the website doesn’t fit the screen anymore from mobile, and when it first charge, the menu is half visible.

I tried with my original theme’s menu and it does fit the screen.

The problem is that I can’t move the hamburger menu in MMM to the left, I tried with spacing but still break the website size.

Hi Marco,

Here is what I’m seeing on iPhone 11:

I take it you’re not seeing the same? Please try clearing your phone browser cache, maybe that is the issue. Otherwise can you test on other mobile devices? Does it happen there or is the issue limited to your own device?

Regards,
Tom

Good morning,

I cleaned the cache and updated all the applications but the problem persists even from iphone 13.

As I mentioned before the problem is that the hamburger menu from mobile version has too much space from the left as standard. While with my original menu’s theme there is no problem.

Is there a way to move it? (I tried even changing the position and it doesn’t solve the problem)

In this link you can find some more screenshots:

Screenshots part 2

Hi Marco,

I now see it on iPhone 13. The problem is there isn’t enough space to fit your logo, the 3 icons and the hamburger without making the whole site wider. You could reduce the padding on each of the elements in the header, or simply make the mobile logo smaller so that there is more space for everything else.

Regards,
Tom

wow I hadn’t thought of that!

thank you very much, I was totally stuck. tonight I will try to modify it and I will let you know.

Great job

Great job! I resized the mobile version and the logo and it works perfectly, thank you so much for your help!