1. PROMO Get 60% OFF Lifetime Pro Membership & access all our Pro Divi Extensions, Divi Layouts, Divi AI Generator, Divi Block, etc.VIEW PRICING
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color.
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Overriding column stacking on tablet won't work

Discussion in 'Free Divi Community Forum' started by barbakusz, Jun 17, 2024.

  1. barbakusz

    barbakusz New Member

    I didn't like that Divi would stack my 4-column row on tablet and mobile view so I added custom CSS to fix it. This solved the mobile view however on tablet view it just won't work. In DevTool I managed to put the last item in the correct row by canceling flex-wrap: wrap, therefore I added that to the custom CSS as well but when I exited DevTools, it still didn't work.
    This is the custom CSS:


    @Media only screen and (max-width: 980px) {
    .four-columns .et_pb_column {
    width: 25%!important;
    flex-wrap: nowrap!important;
    }
    }

    Thank you!
     

    Attached Files:

    #1 barbakusz, Jun 17, 2024
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)