Hello,
I am having a a problem with the desktop site header menu on an iPad Pro. The logo is crowding the header menu.
I understand I can make a mobile site appear in Header > Mobile Menu, but I’d prefer to keep the desktop site on the iPad Pro.
Do you have any solutions that will address this issue? See screenshot below.
Thank you,
Jas
Hey Jasmer,
You can set the site to go mobile sooner via Enfold Options > Header > Mobile Menu > Header Mobile Menu activation. If this still does not help, please provide a link to the site/page in question so we can look into this further.
Best regards,
Jordan Shannon
Hi Jordan,
Yes, I see that. I typed that solution in my initial post.
The Enfold Options > Header > Mobile Menu > Header Mobile Menu activation setting does not change the new iPad PRO to a mobile menu. The resolution is too high on the iPad PRO.
And I would prefer to keep the desktop site anyway. I do not want the mobile menu on the iPad Pro if I can avoid it.
So, how do I keep the logo from crowding the menu items.
Note: If this is not possible, please tell me how to make the iPad PRO a mobile menu. I may just have to do that.
Thank you,
Jas
Hi,
The best solution in this case is to have it go mobile on iPad Pro. Add the following to quick css:
@media only screen and (max-width: 1024px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block!important; }
nav.main_menu { display: none; }}
Best regards,
Jordan Shannon
Hi Jordan,
Solved! Close topic!
Thank you,
Jas
Hi,
Great! If you need additional help, Please let us know here in the forums.
Best regards,
Jordan Shannon