"Tabs" on mobile get hidden

I am using the Tabs element from Wp Bakery. I have about 20 tabs, on desktop they show up fine. But when I switch to mobile they end up being hidden.

Screenshot attached for reference

Any help?

Thanks

Attachments:

You must be logged in to view attached files.

Currently I’ve added the following CSS which solves it. But is there a better way?

The CSS I’ve added :

.vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs-position-bottom .vc_tta-tabs-list, .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs-position-top .vc_tta-tabs-list {
    overflow-x: auto !important;
    white-space: nowrap;
}

Hello,

We are glad that you managed to solve the problem yourself.

If the CSS works fine for you then you can use it.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Regards.
Xtemos Studios.

When I am minfifying/combining CSS/JS – the icons from the mobile menu dissapear & search stops working. Any fix around this?

Hello,

Which plugin are you using to minify CSS and JS ??

Best Regards.

Hi,

I am using this : https://wordpress.org/plugins/breeze/

Thanks

Hello,

Sorry, but we haven’t tested the theme with this plugin yet.

You can try using other cache plugins and choose from the top cache plugins list in the following link:
https://www.wpbeginner.com/plugins/best-wordpress-caching-plugins/

Best Regards.

[Author]

Posts