WooCommerce Product Tabs not filling space

[mmelton12]

I’m experience a strange issue, in that when I have up to five tabs for a product, the tabs fill the horizontal space, but as soon as I add a sixth tab, they stop filling the space. Cannot figure out why this is happening… Would love some help.

Thanks,
Matt

Example image attached of 5 vs. 6 tabs, and you can see it live here:
https://litcstaging.wpengine.com/product/smart-usb-color-lightstrip/

[ruenel]

Hello Matt,

Thanks for reaching out! Please be advised that the theme’s design only supports up to 5 WooCommerce tabs only. Going beyond 5 tabs will not look good because there is no longer styling support for that number of tabs. Since you modify the default single product template with custom CSS, we highly recommend that you use the Layout builder instead. Go to Pro > Layouts and create a single product layout (WC Single) so that you will have more control over the elements of the single product layout without having to add any custom CSS. You can use the builder and add dynamic WooCommerce elements to the page including having more than 5 tabs. If you are not familiar with the layout builder yet, kindly check out these tutorial videos.

Layout Builder: Single Templates

Please note that custom CSS coding is outside the scope of our support. Issues that might arise from the use of your custom CSS code and further enhancements should be directed to a third-party developer.

Thank you for your understanding.

[mmelton12]

Brilliant. Easy! Thank you.

[friech]

You’re most welcome,

Cheers!