Make tabs in classic tabs wider

[jamie2364]

Hi,

I’m using classic tabs to get

sidebar navigation. However, the tabs are very narrow. I want them to take up half the page. How can I do this?

Thanks
Jamie

[tristup]

Hi Jamie,

Thanks for reaching out.
To make that tab width up to half of the page, you need to add the following custom CSS code into the Element CSS of the parent column of the Tab.

$el .x-nav-tabs.left, .x-nav-tabs.right 
{
    width: 50% !important;
    max-width: none !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