Hoizontal Tabs not responsive with Firefox

Hi,

I tried to reproduce the issue (Firefox 20.0.1 on Win8) but I couldn’t. I.e. the demo page: http://kriesi.at/themes/enfold/shortcodes/tabs/ looks like: http://www.clipular.com/c?4636113=thVi6_xqLOkU0YjZQdmGpG9t0rQ&f=.png and http://www.clipular.com/c?4687059=b9FXpkW2Q05t6sReR8fwcD9DnUk&f=.png

The tabs will turn into a “list” because there’s not enough space to display them side-by-side.

Thanks. I could reproduce the issue on my netbook. Try to insert following code into the quick css field to fix the issue:

@media only screen and (max-width: 767px){

.responsive .sidebar_tab .tab_content{

clear: both;

}

}

Strange – it worked for me – please remove the code from the quick css field, then add it to enfold/css/shortcodes.css. You can insert it at the very bottom of the file. Afterwards clear your browser cache. If it still doesn’t work can you post a link to the page where you’re using the shortcode please? I’m really sorry for the hassle but css styling issues can be a pain especially if they just affect certain browsers/configurations….

Hi!

Great :)

Regards,

Peter