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

    Hi,
    I use a tabs element and want to change the breakpoint where it switches from tabs to accordeon (like on mobile)
    Found an old thread with a setting in shortcode.css but seems the initial settings are now located in an other file

    Best, Capo1200

    #1409942

    Hey Capo1200,

    Thank you for the inquiry.

    The following css code should adjust the fullwidth breakpoint of the Tab element. Please add the code in the Quick CSS field and make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.

    @media only screen and (max-width: 1024px)  {
    	.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;
    	}
    }

    Best regards,
    Ismael

    #1409967

    Hey Ismael,

    thanks for the quick solution…works!

    Best, Capo1200

    #1409977

    Hi Capo1200,

    I’m glad that Ismael could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How or where can I change the breakpoint for the tabs element’ is closed to new replies.