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

Issues with modules

Discussion in 'Free Divi Community Forum' started by gnamsnc, Apr 21, 2024.

  1. gnamsnc

    gnamsnc New Member

    Hi everyone, I have a problem with the modules on my website (pizzerialagoarsie.it) in the "starters" section, I can't reduce the margins of the modules, I always have a lot of space left, especially when viewed from mobile. can anyone help me? thanks
     

    Attached Files:

    #1 gnamsnc, Apr 21, 2024
    1. PRO MEMBER PERKS Divi Block Pro - Premade floating button design for your Divi site without using any plugins:View Demo
  2. Divi Booster

    Divi Booster Divi Expert

    The space between the second and third starter in your screenshot is due to a min-height of 375.6px set on your price list module. I'd check in the settings for that module to see if you can find the min-height setting (probably under "Design > Sizing"). Then either remove the min-height or adjust it's mobile value to something more suitable.

    If you can't find the setting, you could remove the min-height on all such price list modules with the following CSS:

    Code:
    Log In or Sign Up to view this code.
    If, as I suspect, the min-height was added to create some space between the starters section and the main course section on desktop, you'd be better controlling the space between the two sections by applying either a min-height or bottom margin on the row containing the price list modules - that way the gap is preserved in the correct place when Divi collapses the row from a two-column layout on desktop to a one-column layout on mobile.

    I haven't looked for at other examples on the page / site, but if there is anything that the above doesn't fix up, let us know.
     
    #2 Divi Booster, Apr 21, 2024
(You must log in or sign up to post here.)