[bachmannsupport]

Good Day

I would like to adjust the CSS such that the Mobile Menu is only displayed on iPhones and devices with a similar screen size. Since our Menu only has 3 items it will still fit nicely on an iPad. I could not figure out how to implement this.

Could please help me?

Thank you in advance.

Kind regards
Lino

[Juanfra Aldasoro]

Hello Lino,

I hope you are doing well. Thank you for writing.

The responsive navigation is triggered with CSS styles, media queries and a bit of JavaScript. The viewport size of the iPad (when these changes are triggered) is 1024px wide. Perhaps you can investigate a bit about these things and check how these are applied to the #navigation element on the theme, and directly overriding some of these rules directly from a child theme.

Unfortunately we cannot provide support on customizations. https://nicethemeswp.com/article/support-vs-customizations-2/

Best,
Juan

[bachmannsupport]

Hello Juan

I was able to remove the mobile menu icon, but now it’s in vertical order, and not like the desktop menu in horizontal order.

Can you give me a hint?

Best,
Lino

[Juanfra Aldasoro]

Hi Lino,

I hope you are doing well.

That must be related to the CSS for the navigation menu items. You should work around that, for the particular screen size.

Unfortunately, we cannot provide support on customizations. https://nicethemeswp.com/article/support-vs-customizations-2/

Best,
Juan.