WordPress.org

Ready to get started?Download WordPress

Forums

Highwind
Ipad strange behaviour with mobile nav vs regular nav (9 posts)

  1. Svenntie
    Member
    Posted 5 months ago #

    Mobile nav comes up nicely on Ipad when in vertical mode, but changes to regular nav in horizontal mode. Anoying since dropdown menus no longer work. Have a look a what's happening in this short video.

    https://app.box.com/s/hbovn9ddvhyrzencju5x

    Someone any ideas how to tackle this? The solution offered in an earlier post '[resolved] Not working on iPad mini in vertical (8 posts)' obviously does not work.

  2. Andrew
    Forum Moderator
    Posted 5 months ago #

    Can you upload a screenshot of the issue and most importantly link the website with the issue? I don't want to download video to see the issue.

  3. Svenntie
    Member
    Posted 5 months ago #

    Hi Andrew, per your request:

    you can experience the phenomenon on this temporary location.

    Screenshot 1 vertical

    Screenshot 2 horizontal

    Hope this makes it easier for you.

  4. DasSkar
    Member
    Posted 5 months ago #

    Hi Svenntie,

    it's intended to be that way.
    Take a look at the tree stroke on blue-green box at the upper left side.
    Just click on it and the menu will popup.

    Putting javascripts on the wrong order (e.g. by using some kind javascript optimization) can break this.
    But right now your temporary location works like it's supposed to work.

  5. Svenntie
    Member
    Posted 4 months ago #

    Hi DasSkar,

    tx for your reply but I disagree. In vertical position it's working fine, indeed, as you describe, with the 3 stroke button. Unfortunately this functional button disappears once you turn your tablet horizontaly leaving you with a desktop-mode on a tablet/smartphone (see the 2nd screenshot). Nested menus (in this example) "Foto's" is no longer usable, since it doesn't collapse...
    I found some other sites using the same theme, and they don't have this problem. Horizontal/vertical stays in tablet-mode...
    I've already tried disabling certain plugins and widgets, but no change so far. I don't understand what I'm doing differently from these other sites...

    Anyone?

  6. DasSkar
    Member
    Posted 4 months ago #

    Hi Svenntie,

    i missed this myself and can confirm it should not be intended to be so.
    Therefor i've filled an issue at github.

    Stay tuned because James' still fixing his theme :)

    /Edit: I didn't find other websites with the same theme without this problem. Can you provide urls?

  7. DasSkar
    Member
    Posted 4 months ago #

    Hi Svenntie,

    as i need this for myself i did a quick workaround (see issue at github)

    Best practice would be putting it into style.css into your childtheme.

  8. Svenntie
    Member
    Posted 4 months ago #

    Hello again DasSkar,

    Haven't found time to follow up on this item before. On Github I saw Jamie closed the topic and will implement your workaround. However, I added your solution to style.css in my childtheme, and I find there's no difference. The issue is not solved for me.
    A website running the same theme is e.g. http://www.therunningsparrow.com. There the navigation works like a charm, on the same ipad.

  9. DasSkar
    Member
    Posted 4 months ago #

    Hello Svenntie,

    the website you mention has no top menu (at least right now). So it can't work.

    Your own website has the css fix included and works for me (ipad 2, ios 7.1)
    Maybe it's only a cache problem ?

    You can clear the cache at Settings -> Safari -> Clear Data (or similiar, my ipad gui isn't english).

Reply

You must log in to post.

About this Theme

About this Topic