WordPress.org

Ready to get started?Download WordPress

Forums

Spun
compabilty with iPad 3rd generation (6 posts)

  1. fotokultur
    Member
    Posted 1 year ago #

    I noticed today, that the navigation on an ipad (safari os 6.1.2) to pages does not work like it does on iPhone where it shows >menu. only top pages are shown. i would prefer to have either like on iphone "menu" than the navigationbutton or "real" website navigation. any chance?

  2. dandroff
    Member
    Posted 1 year ago #

    exactly the same problem here.

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

    did you find a solution fotokultur? anybody?

  3. Caroline Moore
    Member
    Theme Author

    Posted 1 year ago #

    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.

  4. dandroff
    Member
    Posted 1 year ago #

    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!

  5. martinkorben
    Member
    Posted 10 months ago #

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

  6. martinkorben
    Member
    Posted 10 months ago #

    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 !

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags