-
AuthorPosts
-
September 20, 2023 at 9:05 pm #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 annoyingI have implemented all recommendations noted at the link below and the tabs are still swiping on mobile. Help!
Thank you in advance!
September 21, 2023 at 3:51 am #1419807Hey 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,
IsmaelSeptember 21, 2023 at 6:14 pm #1419947Hi 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
September 22, 2023 at 7:59 am #1419998Hi,
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,
IsmaelSeptember 22, 2023 at 6:32 pm #1420078Hi there Ismael,
Thanks very much. Theme version is up to date and credentials are included in the private content below
September 23, 2023 at 10:48 pm #1420154Hi,
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,
MikeSeptember 23, 2023 at 11:22 pm #1420160Hi 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?
September 24, 2023 at 4:52 pm #1420194Hi,
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) { #top.page-id-196 .av-section-tab-title { padding: 1px 2px 0px 2px; } #top.page-id-196 .av-tab-section-icon { font-size: 20px; } #top.page-id-196 .av-inner-tab-title { font-size: 10px; } #top.page-id-196 .av-section-tab-title { width: 25%; } }
Best regards,
MikeSeptember 27, 2023 at 12:59 am #1420624Hey Mike,
Results look great. Thank you so much for your help. You guys are awesome.
September 27, 2023 at 3:11 am #1420640Hi mikegrace78,
I’m glad that Mike could help you :)
Thanks for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘Disabling Swipe for Enfold Tab Section’ is closed to new replies.