compabilty with iPad 3rd generation

exactly the same problem here.

this is my site:
https://www.sfdojo.be

did you find a solution fotokultur? anybody?

You can change the screen width at which the Menu toggle appears in the js/small-menu.js file, making it wider to accommodate larger devices like iPads. You may also need to make changes to the menu in a child theme’s style.css, such that the menu appears how you want it to at these larger sizes.

thank you Caroline,

in my files the js was called toggle.js and I changed the browserWidth parameters on lines 43 and 54.

the problem is solved, because ipads now use the collapsing menu (= as does the iphone)

however, it would be even better if device detection was used, because small-screen desktops/laptops now also display this menu, which was clearly intended for touchscreen devices.

thanks for this great free template!

This thread right here just saved my life — Love you both, dearly.

You can also modify the toggle.js file by adding these two lines of code:

else if (navigator.vendor != null && navigator.vendor.match(/Apple Computer, Inc./) && navigator.userAgent.match(/iPad/i))
$.fn.smallMenu();

Right below this one:

// Check viewport width on first load.
if ( $( window ).width() < 600 )
$.fn.smallMenu();

This’ll make any iPad go with the mobile version of the menu, which is the way to go given iPad does not support the style of menus used in this theme where you need to hover over some elements in order to see the sub-menus.

Caroline, you should totally consider this !