Tab Text Titles on Mobile Overflowing Tab, not wrapping

[karhas]

My tab title text overflows the tab boundaries and don’t stack so they are readable. See link above on mobile, please Is there a quick fix that can stack the tab titles on mobile and prevent the longer titles from overflowing the tab box?

I’ve tried to set the tab section not to show on mobile by using a text box above and below the tab section using the hidden responsive for mobile shortcode. I am obviously doing it wrong, because it is not working.

I thought I could hide the tabs on mobile and use maybe the same content in an accordion section to solve the problem, but cannot figure out how to hide / show the tab or accordion sections.

Can you help me to find a solution to make the tab section titles work on mobile or tell me how to hide/show them. Thanks!

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media screen and (max-width: 767px) {
.spb_parallax_asset .container{
padding:0px !important
}
.spb_tabs .nav-tabs li a {
    font-size: 14px !important;
}
.nav-tabs > li {
    width: 100%;
}
}

Thanks
Mohammad

[karhas]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Glad 🙂 to help you. I take sleep of 8 hour daily.
Thanks
Mohammad

[karhas]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

no problem. Thanks Mohammad.
-Rui