Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #1419773

    Hi there,

    Wondering if you can help me remove the swipe action on the tab sections on the following page.
    -The issue is on mobile only,
    -I have slider based calculators that are triggering the swipe action on the tab section, making operation of the calculators super annoying

    I have implemented all recommendations noted at the link below and the tabs are still swiping on mobile. Help!

    Thank you in advance!


    Hey mikegrace78,

    Thank you for the inquiry.

    Did you disable the Enfold > Performance > File Compression settings after doing the modification? It’s possible that the site is still using the minified version of the file without the modification described in the previous thread. Please purge the cache as well afterward.

    Best regards,


    Hi Ismael,

    Thanks so much for your reply. Yes, I have the compression settings disabled as instructed. I followed all guidance on the previous thread and was still unable to disable the swipe.

    Please let me know if you need any additional access credentials so you can take a closer look?

    Thank you, Mike



    Thank you for the update.

    Yes, we may have to access the site in order to properly check the modification. Please provide the WP and S/FTP details in the private field, and make sure that the theme is updated to version 5.6.6.

    Best regards,


    Hi there Ismael,

    Thanks very much. Theme version is up to date and credentials are included in the private content below


    Thank you for the link to your site, when I checked your site the child theme was not active so the customization was not active, I enabled the child theme and now the swipe seems to be disabled since I can use the calculator slide bars without swiping the tabs. Please clear your browser cache and check.
    Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

    Best regards,


    Hi Mike,

    Thanks for looking into this for me. The instructions as provided to clear cache are for OSX and not IOS (iPhone/iPads), which would be for mobile browsers.

    I’ve cleared the cache on my IOS device, but unfortunately the issue is still persisting. Do you have specific instructions for IOS devices?


    I reviewed the code in the pastebin and it looks like the code was doubled, and this was noted in the other thread, so I removed the extra code and also commented out the extra line:
    content_wrap.avia_swipe_trigger( {prev:'.av_prev_tab_section', next:'.av_next_tab_section'} );
    and now the 4 icons are showing at the top in a grid instead of off the screen,
    so if you are not seeing it like this then clear your cache or open a private window until you do.
    If for small screens you want the 4 tabs to be in a single row, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 430px) { .av-section-tab-title {
        padding: 1px 2px 0px 2px;
    	} .av-tab-section-icon {
        font-size: 20px;
    	} .av-inner-tab-title {
        font-size: 10px;
    	} .av-section-tab-title {
        width: 25%;

    this is the expected results:

    Best regards,


    Hey Mike,

    Results look great. Thank you so much for your help. You guys are awesome.


    Hi mikegrace78,

    I’m glad that Mike could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Disabling Swipe for Enfold Tab Section’ is closed to new replies.