Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 14, 2019 at 5:24 pm #1090672
    kasimms77

    Hello, I have a tab section with Maps embedded in the tab. On mobile, when trying to manipulate the map it swipes on the user. Possible to disable swipe on mobile for the tab section? Thank you for your help, love the theme

    April 14, 2019 at 10:25 pm #1090757
    Mike

    Hey kasimms77,
    If you mean disable the swipe on the Google Map, then you won’t be able to do that because the map is in a iframe and you can’t change or control the elements inside of a iframe. This is due to CORs
    But if you mean disable swipe on your page then see these solutions:
    Disabling swipe on a specific div
    jquery mobile swipe event disable for input range
    But honestly the more I look into this the less I feel it is possible across all devices, such as Mac & PC.
    *edit* I just thought of looking in the Google Maps API documentation, try looking it up, there maybe something you can use there.

    Please let us know if you are able to solve this, it would be helpful to your peers :)

    Best regards,
    Mike

    April 14, 2019 at 10:38 pm #1090761
    kasimms77

    Hello, thanks for your response. I don’t want to disable swipe in maps, I’d prefer if changing tabs could be done by simply clicking section title text or icons? Can find referenced page here: https://tourpass.com/charleston/attractions/

    April 15, 2019 at 1:18 am #1090787
    Mike

    Hi,
    Thank you for your feedback, that is a big difference in what I thought.
    Ok, so I checked out the link in mobile and didn’t find any issues, I also tried clicking on the map, thinking that was part of the issue. Perhaps I’m still not clear.
    I should say that I have no issues clicking on the title icons to see the next element in mobile, mobile is working as I would expect. Please note that I have an Android, so if this turns out to be another iPhone issue I going to pull my hair out :)
    Ok, so can you please make a video of the issue on your mobile?
    This would help so much, for Android, I found the app: Screen Recorder – No Ads which works great. But for iOS, you will have to search for one yourself.
    I hope we can get this/me sorted out :)

    Best regards,
    Mike

    April 15, 2019 at 1:23 am #1090789
    kasimms77

    Hello Mike. This is what I’m talking about. As a user I want to move the map…it slides the tab..not what I want. See video link: https://drive.google.com/file/d/1Xs0FUG-qW6wBia1JqlBJoI4Qlzmxlv0W/view?usp=drivesdk

    April 15, 2019 at 2:03 am #1090795
    kasimms77

    To clarify: I want to disable slide by swiping for mobile in tab section element. Forget the map.

    April 17, 2019 at 5:32 am #1091760
    Mike

    Hi,
    Sorry, I couldn’t find any way to disable swipe on a site, but from my research changing the “overflow” may help, please try this css:

    #top.page-id-1522 #av-tab-section-1.av-tab-section-container {
    overflow: unset !important; 
}

    Best regards,
    Mike

    May 1, 2019 at 12:38 pm #1096163
    Hotelsolutions

    Hello to every one,

    So there is not a way to deactivate swipe function on tabs section?

    Thank you.

    May 2, 2019 at 5:40 am #1096330
    Mike

    Hi,
    Sorry, the swipe function is a part of the device, not the site, I imagine there would be a script to effectively disable it across devices, but I didn’t find one, so there may not be one to disable the swipe.

    Best regards,
    Mike

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.