Nav Menu doesn't fit on iPad

[solidsn2004]

Hi,

I am working on this website and I am having a visual problem with the navigation menu on iPad devices.
I am using WPML plugin as the website is in 4 languages and the problem appears on Spanish page as the menu is too long and goes behind the logo.

How would you suggest to resolve this. I don’t think changing the font is a good idea. Would it be possible to add the responsive button that you click and the menu appears from the side?

If so how can I achieve this?

Thanks in advance.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.menu-main-menu-spanish-container nav .menu li{
font-size:12px !important;
padding:0px 8px !important;
}

Thanks
Mohammad

[solidsn2004]

Hi Mohammad and thanks for your reply.

Unfortunately the code you provided doesn’t work.
Text still appears behind the logo.

[Mohammad – SUPPORT]

Hi,
Please remove the last code and use this new code:-

.menu-main-menu-spanish-container .menu li{
font-size:12px !important;
padding:0px 8px !important;
}

Thanks
Mohammad

[solidsn2004]

Thanks for this Mohammad,

Although I was looking for a solution different than changing the font size this works pretty well and you can’t really see much difference in the font size.

Cheers for that!

[Mohammad – SUPPORT]

Hi,
You most welcome.
Thanks
Mohammad