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

Solved Blurb Modules alignment on mobile

Discussion in 'Free Divi Community Forum' started by RobertaCin, May 6, 2020.

  1. RobertaCin

    RobertaCin Member

    Hello dear DIVI helpers,

    I have tried to applied css code suggested here in this DIVI HELP thread to the section using blurbs below the main image.

    https://sailover.net/

    I created though the css class hiw-mobile-half-column

    @media screen and (max-width: 479px) {
    .hiw-mobile-half-column .et_pb_column {
    width: 47.25%!important;
    margin-right: 5.5%!important;
    }
    .hiw-mobile-half-column .et_pb_column:nth-child(2n) {
    margin-right: 0!important;
    }
    }

    Now the blurbs appear somehow okeish but I didn't try to adjust they position as I don't know if I could be better to adjust the code above but most of all how to make sure they are aligned fine across all mobile devices. Could you kindly suggest a solution?

    Thank you in advance
     

    Attached Files:

    #1 RobertaCin, May 6, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Easy-to-use drag & drop interface to mix & match 456+ premade Divi blocks & export as json file:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    It's due to your margin & padding & float within those blurb module. I believed you added it in the Blurb Module Settings > Advanced > Custom CSS > Main Element. If you remove those CSS, then everything should be aligned properly.
     
    #2 Divi.Help, May 7, 2020
  3. RobertaCin

    RobertaCin Member

    there was just one element which had a float left

    The result is more or less the same

    Could you kindly advice?
     

    Attached Files:

    #3 RobertaCin, May 7, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade floating button design for your Divi site without using any plugins:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    The reason they're sticking together is because you have negative margin top for the blurb below.
     
    #4 Divi.Help, May 7, 2020
  5. RobertaCin

    RobertaCin Member

    all sorted, thanks a lot for your kind help
     
    #5 RobertaCin, May 11, 2020
    1. PRO MEMBER PERKS Divi Powerful Child Theme - Power up your Divi sites with tons of new functionalities & premade elements:Learn More
(You must log in or sign up to post here.)