Tagged: tabs
On mobile, I still want to keep all tabs at the top rather than switch to an accordian style. People are missing some of our content because they can’t figure out the tabs are under the current tab’s content.
Hey ryanmortier!
Try deleting lines 1041 – 1050 in /enfold/css/shortcodes.css.
@media only screen and (max-width: 767px) {
.responsive .tabcontainer{border-width: 1px; border-style: solid; border-top:none; overflow: hidden;}
.responsive .tabcontainer .tab_titles{display:none;}
.responsive .tabcontainer .tab_content, .responsive .tabcontainer .tab
{width:100%; max-width:100%; border-left:none; border-right:0;left:0; top:0; min-height: 0!important;}
.responsive .tabcontainer .tab_content{border-bottom:none; padding:15px 30px; clear: both; }
.responsive .tabcontainer .tab.fullsize-tab{ display:block; margin-bottom:-1px;}
.responsive .top_tab .tab.fullsize-tab{ margin-bottom:0px;}
}
Cheers!
Elliott
is there a way to do this on a child theme? That will not interfere with updates?
Hey!
Copy css/shortcodes.css to your child theme directory and place this in your child functions.php:
function change_aviacss() {
wp_dequeue_style( 'avia-scs' );
wp_enqueue_style( 'avia-scs-child', get_stylesheet_directory_uri().'/css/shortcodes.css', array(), '2', 'all' );
}
add_action( 'wp_enqueue_scripts', 'change_aviacss', 100 );
Regards,
Josue