Tabs text sizes on mobile

[mgma]

I made the tabs text size nice and big. Like…

http://graniteware.com/graniteware-canning/

But I can’t seem to make this text smaller on mobile only… so it ends up displaying like the screenshot attached here. I un-minified the Bootstrap file and tried a few things, but can;t get it. Can you help?

What would be AMAZING… in this instance, is if they broke into full with, single column buttons. And/or.. is that possible?

Thanks guys!

[Kyle – SUPPORT]

Hi

Please add this custom css:

@media only screen and (max-width: 500px) {
.nav-tabs > li {
width: 100%;
}
}

Let me know if this works

– Kyle

[Kyle – SUPPORT]

Add this in the Theme Options > Custom css or a child theme style.css at the bottom

– Kyle