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
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
Hey Ismael,
thanks for the quick solution…works!
Best, Capo1200
Hi Capo1200,
I’m glad that Ismael could help you :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko