Okay
  Public Ticket #960435
iPad Nav Link - Have to press twice
Closed

Comments

  •  2
    Jesse started the conversation

    When on the iPAD, if you try clicking the top nav links, you have to press/tap the link TWICE in order for the link to work.

    I request assistance on this in another ticket August 26, 2016. It's been nearly 3 months, and support has not fixed it or gotten back to me. And there's been a release since then without any mention of the fix in the change log.

    Here's our site:

    http://rightlookmarketing.com/

  •  3,030
    Andrew replied

    Hi Jesse,

    Thanks for contacting us regarding your query.

    May I ask you to provide us with the following information so we may try and replicate this issue as we have tested this in an iPad Air and iPad 4 using Safari and Google Chrome running IOS 8 & 9 respectively but did not notice this issue while on your website.

    Are you experiencing this issue on multiple iPads and if so, could you provide us with the type of iPad, version of IOS and browser you experienced this issue in

    I look forward to your reply. 

    Cheers! 

  •  2
    Jesse replied

    The issue is occurring on our 12.9" iPad Pro. We're using the latest iOS and we've tried it on both Safari, and Dolphin web browsers.

    I've attached the top nav we are referring to when viewing on iPad. As you can see, it is the full nav, not the mobile nav. The full nav is the one with the "press twice" issue.

  •  3,030
    Andrew replied

    Hi Jesse,

    About the need to double click links on the landscape view on the iPad Pro, this seem to be a bug with the full width nav \ menu when the view is in landscape.

    What you would do is add in this CSS to make sure the menu is till in mobile mode even when on the landscape view:

    @media only screen and (max-width: 1024px) and (min-width: 1px){
    header#top #toggle-nav, header#top #mobile-cart-link, header#top .span_9 > .slide-out-widget-area-toggle {
        display: block!important;
        margin-right:3%;
    }
    }

    @media only screen and (max-width: 1024px) and (min-width: 1px){
    #header-outer header#top nav {
        background-color: #1F1F1F;
        margin-left: -250px!important;
        margin-right: -250px!important;
        padding: 0px 250px 0px 250px;
        top: 48px;
        margin-bottom: 75px;
        display: none!important;
        position: relative;
        z-index: 100000;
    }
    }

    Add it to salient \ general settings - css \ script related - custom css code and if it does not work there add it to the very bottom of your child theme's style.css

    Hope this helps.

  •  2
    Jesse replied

    That didn't seem to fix the issue.

    Also, this occurs on your demo site.

    I started to troubleshoot on my own and fixed the issue by turning off the underline animation that is native to the theme options.

    We don't like that we had to turn that feature off since it was a nice looking thing. I hope you address this issue during your next update.

  •  3,030
    Andrew replied

    Hi Jesse,

    We have forwarded the issue to the developers and advised them to fix it.
    Apologies for the inconvenience.