Tabs on mobile

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.

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