Black Friday Super Sale 2024 is Coming Soon

WIN AN iPAD, LIFETIME MEMBERSHIP
×

Search Divi Plus Documentation

Search for answers or browse our knowledge base.

All Topics
Print

How to show two tabs in a single row on a mobile and four tabs in a row on a tablet in DP Tabs ?

Please add the following CSS in Divi Theme Options to show two tabs in a single row on a mobile and four tabs in a row on a tablet in the Divi Plus Tabs module.

@media screen and (max-width: 980px) {
    
    .dipl_tabs .dipl_tab_wrapper .dipl_tabs_controls {
        flex-wrap: nowrap;
    }
}

@media screen and (max-width: 767px) {
    
    .dipl_tabs .dipl_tabs_item_title .dipl_tabs_item_title_inner_wrap img {
        margin-left: 0;
        width: 100px !important;
    }

    .dipl_tabs .dipl_tab_wrapper .dipl_tabs_controls {
        flex-wrap: wrap;
    }
}
Table of Contents