July 24, 2014 at 10:36 pm #295692
When enfold is viewed on a tablet (landscape) the logo and main nav work fine. However, when you turn the tablet (iPad) to the portrait angle (tall, not wide) the menu gets covered by the logo because of the limited width? Is there anyway control for when the mobile menu is activated based on viewport size? Any suggestions would be appreciated.
Thank you.July 24, 2014 at 10:47 pm #295693
i’ve had this problem on multiple sites. the solutions are as follows (for logo left / menu right):
1. make sure your logo is no wider than 340 – smaller if possible
2. make sure your nav is as SMALL as possible – short words, only a few of them
3. turn on mobile menu for phones/tablets – header layout > mobile menu > pulldown to the combo setting
that should help.July 24, 2014 at 11:23 pm #295698
See also my thread here.
The moderators mostly suggest to tackle the problem on a CSS level. It didn’t work for the longest time but was by the end. It allows you to control the point at which wideness of menu or skinniness of viewport trigger display of a smaller mobile-type menu.
It’s still not a great solution — none of them are — because when the end user changes the menu (say, adds a new menu item), the CSS has to be manually modified to match :-/July 25, 2014 at 7:53 am #295810
Thank you for using the theme.
@klondlike: Do you mind if we take a look at the actual website?
@charger70: Thanks for helping out. Appreciated. :)
IsmaelJuly 25, 2014 at 3:18 pm #295984July 27, 2014 at 11:54 pm #296544
You must be logged in to reply to this topic.