1. HOT Be a Pro member & access all our premium Divi extensions, including Divi Block, popular Divi Ultimate Header Plugin, etc.LEARN MORE
This is the support forum for Divi Block Pro.

To access this support forum, you need to purchase Divi.Help Pro Membership.

If already purchased, kindly login to your account to access it.
For Divi community forum, kindly visit here: https://divi.help/forums/get-help-on-divi-wordpress.30/
Dismiss Notice
NEW Divi Login Customizer Plugin - Instantly get a beautifully crafted login page design for Divi site.
View premade login page design
BEST Divi Block - An online drag & drop tool to easily mix & match 417+ premade blocks (light / dark version), including custom header, fullscreen / slide in mobile menu, mega menu, custom footer, page design blocks, before / after image slider, promo bar, floating button, logo carousel, content toggle, slide in bar, etc.
Learn MoreTry Free Version

Alignment to two columns in mobile

Discussion in 'Support Forum' started by lared-dns, May 11, 2022.

  1. lared-dns

    lared-dns Member
    Divi Block Pro Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hello, I would like to see the icons on a mobile phone in a two-column alignment, as shown in image 2.png, which is from a PC simulating a mobile device (the url can be seen in the same image).

    In that view from PC it also seems that the vertical alignment is not correct (red arrow).

    The reality is that from a mobile phone it is seen in a single column, img 1.png
    Can it be done with some Divi configuration or with CSS?

    All the best
     

    Attached Files:

    • 1.png
      1.png
      File size:
      481 KB
    • 2.png
      2.png
      File size:
      112.8 KB
    1. AD Free Divi floating button + contact form layout:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    @media only screen and (max-width: 767px) {
        #noticias .et_pb_column_1_6 {
            width: 47.243% !important;
            margin-right: 5.5%;
        }
    }