Home › Forums › WoodMart support forum › Tabs on mobile

Tabs on mobile

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 27, 2019 at 1:48 am #146922

    prokurent
    Participant

    Hi. I want all product tabs (description, additional information, reviews) on mobile devices to be closed. At the moment the product description tab is always open. Can you send some code to close it?

    I would also like you to send a code that will display the full amount of tab content when tabs are under a brief description. Now they have a certain height, so you have to scroll through each card – it looks bad.

    Thank you very much.

    September 27, 2019 at 11:18 am #147020

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    1) By default, WooCommerce opens first tab when page is loaded. You can try to close it manually right after page loading by adding this code snippet to the Custom JS section in Theme Settings. But this code applied to mobile screens as well as desktop.

    setTimeout(function() {
    var $tabs = jQuery( '.wc-tabs, ul.tabs' ).first();
    $tabs.parent().find('#tab-description').hide();
    $tabs.parent().find( '.tab-title-description' ).removeClass('active');
}, 10);

    2) Sorry, I can’t provide you a piece of code to display the full amount of tab content and to avoid the scroller. It requires customization and this is beyond our limitations and support policy.

    Best Regards.

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)