1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
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. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Responsive section - Block 2 column, second to next line

Discussion in 'Free Divi Community Forum' started by Martin0011, Dec 20, 2018.

  1. Martin0011

    Martin0011 New Member

    Hi,

    I have a section with 2 columns. Image on the left, text on the right.
    When reducing the page size it fall into the Phone/Table dimension. The system takes the right column and put it below the first one.
    What I would like is to keep the image on the lest and text on the right but reducing the image/text size. I'd like to avoid that the second column is pushed bellow the first one.

    Any idea ?
    Thanks,
    M.
     
    #1 Martin0011, Dec 20, 2018
    1. PRO MEMBER PERKS Divi.Help Header AI Generator - Try the power of AI to generate a custom Divi header for you:Try Now
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    You can try to go to the row settings & add this CSS class: no-collapse

    Then add the below CSS at Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    This is assuming your gutter width is 3. And this will prevent your 2 column row from collapsing in mobile.
     
    #2 Divi.Help, Dec 20, 2018
(You must log in or sign up to post here.)