Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #394112

    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.

    #394644

    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

    #447878

    is there a way to do this on a child theme? That will not interfere with updates?

    #448603

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.