Classic Tabs Layout

[Tim845]

Hi there

Please compare the two products and see how the classic tabs are layout

1. https://www.mitegen.com/product/ecryotag-system/

2. https://www.mitegen.com/product/formoscreen-antibody-formulation-screen/

The tabs for product 1 are arranged left to right. The tabs for product 2 are arranged so that they divide into two columns with tabs stacked on top of one another.

What are the settings I need to change so that the tabs for product 2 are arranges left to right just like product 1?

We are using Theme X Version: 9.1.4, Cornerstone Version 6.1.4

Thanks

Tim

[tristup]

Hi Tim,

Thanks for reaching out.
It seems that the width of the tabs is the reason behind your issue. I would suggest you use the following custom CSS code which may help you on this.

.x-nav-tabs.two-up>li 
{
    width: auto !important;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks