Home Forums WoodMart support forum Visualization of "Ajax Product Tabs" on mobile

Visualization of "Ajax Product Tabs" on mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #231485

    betisimo76
    Participant

    Hello,

    I am using the “Ajax Product Tabs” element. I have created several tabs for different product categories.

    When I see the page in the mobile version, I see that the first categories are shown only and the rest can be accessed by dragging your finger from right to left, but this action is not intuitive at all.

    I would like to know if any of these solutions is viable (I repeat, for mobile version):

    Could you put some arrows at the beginning and end of this carousel of tabs?

    Could you put a horizontal scroll below the tabs so that the user can see that there are more tabs on the right?

    I attach a screenshot to show the reason. After “COLLARES” there are several more category tabs.

    Thanks and best regards.

    Attachments:
    You must be logged in to view attached files.
    #231593

    Hello,

    Please provide your site admin access to the private area and page URL with the tabs, I will check the issue.

    Best Regards

    #231608

    betisimo76
    Participant

    Sure!

    But this happens in some other page that I use with this topic.

    Please, if you are able to find a solution, I would like you to write it to me so that I can also run it on those other websites where I find this situation.

    To see the example, click on “Watches and jewelry” in mobile version. You will see that you have to scroll to the right to see the rest of the tabs, but there is no intuitive way for the client to do it.

    Thanks!

    #231681

    Hello,

    Please deactivate all the plugins not related to the theme and switch the parent theme I cannot check anything now the site is not workable.

    Best Regards

    #231920

    betisimo76
    Participant

    Hello,

    The site does work, the only thing that is activated is the plugin “under construction” because we are finishing mounting it, but if you log in, you can see the problem that I have detailed.

    Thank you.

    #231992

    Hello,

    We have checked this is the way the tabs work. If you want to have a scroll on mobile, please add this code to the Theme Settings > Custom CSS > Mobile:

    .woodmart-products-tabs .products-tabs-title {
    	-webkit-mask-image: none;
    	white-space: none;
    }

    Best Regards

Viewing 6 posts - 1 through 6 (of 6 total)