1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, 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

Solved Flex is messing with Divi row proportions

Discussion in 'Free Divi Community Forum' started by andalltha, Apr 24, 2021.

  1. andalltha

    andalltha Member

    Hey there!

    I'm building a site with Divi: https://thierry-jaspart.com/temp/andrews/verviers/.

    As you can see on the 1.jpg image attached to this message, on desktop the layout of the first row of the menu has something like a 70%-30% ratio and, as you can see on the 2.jpg image, it has equal top and bottom padding. But as you can see on the 3 and 4.jpg images, on mobile the layout of the row suddenly gets a 50%-50% ratio and a blank space appears below. Is this because of the "display: flex;" CSS line? I tried stuff for hours and nothing is working.

    Thank you!
     

    Attached Files:

    • 1.jpg
      1.jpg
      File size:
      82.9 KB
    • 2.jpg
      2.jpg
      File size:
      82.1 KB
    • 3.jpg
      3.jpg
      File size:
      48.5 KB
    • 4.jpg
      4.jpg
      File size:
      49.8 KB
    #1 andalltha, Apr 24, 2021
    1. PRO MEMBER PERKS Divi Cart Count Plugin - Easily add cart count to your Divi cart icon. 6 different styles to choose from:Learn More
  2. andalltha

    andalltha Member

    Maybe there is an alternative to "display: flex"? Or maybe my additional CSS is missing other flex properties?
     
    #2 andalltha, Apr 26, 2021
  3. andalltha

    andalltha Member

    Any idea?
     
    #3 andalltha, Apr 27, 2021
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    You may try to go to the Row Settings > first Column Settings > Advanced > Custom CSS & add width: 70%!important;

    Lastly, go to the Row Settings > second Column Settings > Advanced > Custom CSS & add width: 30%!important;
     
    #4 Divi.Help, Apr 27, 2021
  5. andalltha

    andalltha Member

    Thank you.
     
    #5 andalltha, Jun 1, 2021
    1. PRO MEMBER PERKS Divi Cart Count Plugin - Easily add cart count to your Divi cart icon. 6 different styles to choose from:Learn More
(You must log in or sign up to post here.)