Tagged: iPad, mobile devices
Hi. When viewing my new Enfold site on an ipad or mini ipad it doesn’t recognise the device as a tablet and the logo overlays the first two header links when viewed in portrait mode. When viewing on my google nexus 7″ tablet it works fine as recognises the device as a tablet and uses the dropdown menu. Is it possible to fix the theme for ipad use? Thanks, Chris
Hi,
Please open js > avia.js. Find this code
var menu = header.find('.main_menu ul:eq(0)'),
first_level_items = menu.find('>li').length,
bottom_menu = $('html').is('.bottom_nav_header'),
switchWidth = 768;
Replace switchWidth value
switchWidth = 900;
Try to experiment on the value.
You can also change settings on Enfold > Header > Responsive Header Main Menu, select Display as SlideOut Menu.
Let me tag Devin to help us out.
Regards,
Ismael
I have tried the above fix and the menu button for the slide out menu appears like it should in portrait mode, but the text menu still is viewable underneath it and it it continues to appear all the way through the logo image. How do I get the text menu to disappear under the same condition, but stay viewable in landscape mode.
Hi netodon1,
The adjustment above is basically telling the theme to switch the menu at a larger resolution. This is needed when users have longer main menus and/or long menu text.
If you can provide a link to your site we can take a look and see what specifically is needed.
Regards,
Devin