Tab Width the same

HI,

Can you please share me your tab page url?

Thanks

https://arlinstitute.org/support

I just noticed that the tab width is the same in mobile view but not in desktop view

Thanks

Hello Steig,

Please add below css code in your tab custom css field –

@media (min-width: 769px){
#tab_container_671 .wpsm_nav-tabs > li{
width:16%;
}
}

You can change the “width” value as per your requirement.

Try it and then let me know.

Thanks

• This reply was modified 7 years, 11 months ago by wpshopmart.
• This reply was modified 7 years, 11 months ago by wpshopmart.

I’ve put the below into the Simple CSS window for the tabs responsive page that shows the support page found at https://arlinstitute.org/support

I’ve then tried various settings by changing the percent, currently at 40%, up from the 16% in your sample code. However, I can’t get the tab width to change, no matter what percentage I put in.

did I put the code into the correct place? Is adjusting the percentage the correct way to make the tabs the same?

Thanks!

Hello steigw,

Can you please share me your tab “support” custom css field screenhot.

Thanks

Here’s the image. Thanks for your help.

I just figured out you don’t support the Simple CSS plugin. First time I’ve seen this incompatibility. I’ve changed the suggested code to the Custom CSS input field and it works great. Thank you!