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

Gutter width on tablet and mobile

Discussion in 'Free Divi Community Forum' started by Service Jeunes, Aug 29, 2022.

  1. Service Jeunes

    Service Jeunes New Member

    Hi,

    I face an issue which I thought was inherited from Divi's functions :
    When i try to edit a row with multiple columns, there is no vertical gap between columns in tablet and mobile view, even when "Gutter Width" is set to 2 or higher. Is this normal ? If not, can I fix it ?

    I actually found a way to get around this on tablet by adding a bottom margin to my columns with CSS. Unfortunately this does not work on mobile . Any kind of margin added with CSS does not work with columns on mobile (even horizontal margin), though I can control their width.

    Do you have any idea how I can fix all of this ?
    Thank you in advance.
    SJ
     
    #1 Service Jeunes, Aug 29, 2022
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Perhaps you have some custom CSS overriding the margins. Kindly share your URL.
     
    #2 Divi.Help, Sep 8, 2022
  3. Service Jeunes

    Service Jeunes New Member

    #3 Service Jeunes, Sep 8, 2022
    1. PRO MEMBER PERKS Divi Login Customizer Plugin - Instantly beautify your Wordpress login page with 6 premade designs:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    It seems like you the gutter width 1 by default globally at: Theme Customizer > General Settings > Layout Settings > Website Gutter Width

    Just change it back to 3.
     
    #4 Divi.Help, Sep 8, 2022
  5. Service Jeunes

    Service Jeunes New Member

    Thanks for your answer !
    I checked and the gutter width is already set to 2. I tried to set it to 3, but it actually did not change anything.
    Should I try something else ?
     
    #5 Service Jeunes, Sep 9, 2022
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Upon further checking, it's set in the page settings. See screenshot below:

    upload_2022-9-9_21-1-21.png
     
    #6 Divi.Help, Sep 9, 2022
(You must log in or sign up to post here.)