1. BLACK FRIDAY SALE Get 85% OFF Pro membership & access all our Pro Divi Extensions, Divi Layouts, Divi AI Generator, Divi Block, etc.VIEW PRICING
Dismiss Notice
UPDATE Custom Color Scheme + Premade Divi Layouts - A perfect combination to boost productivity. New 'Gadget Repair' layout added.Try our Custom Color Layouts
BEST Divi Block - A revolutionary online drag & drop tool to easily mix & match 478+ premade blocks to kick start your Divi site design. Special module designs are included as well.
Learn MoreTry Free Version

Solved How do I set a column to be 50% on mobile?

Discussion in 'Free Divi Community Forum' started by Simona6, Nov 9, 2023.

  1. Simona6

    Simona6 New Member

    I am very new ti Divi as we use WPBakery.
    We have a row with 5 columns.

    I want to go into each row, and say "on mobile, this one is 50%"... and on the last one, hide it.

    Google hasn't helped, as it's all about Ordering, not the actual width of it, and on a mobile.

    How do I do it? As simple as maknig it snap to two across on a phone?

    Simon
     
    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

    Try to go to the Row Settings > First Column Settings > Advanced > Custom CSS > Main Element > Mobile View & add:
    Code:
    width: 47.25%!important;
    margin-right: 5.5%!important;
    Then for the second column settings, use the below CSS:
    Code:
    width: 47.25%!important;
    And so on.
     
  3. Simona6

    Simona6 New Member

    Surely I can just go in and set it to 1/2 on mobile? Without having to add a load of custom CSS?
     
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Unfortunately, Divi doesn't have that feature built-in.

    If you want, you may suggest it to official Divi support at: https://www.elegantthemes.com/members-area/help
     
  5. Simona6

    Simona6 New Member

    Are you serious?
    So unlike WP Bakery where you can say:
    Desktop: 1/4 1/4 1/4 1/4
    Mobile 1/2 1/2 etc..

    On Divi, you have to get a developer to write you CSS, to make it "responsive"?

    Don't mean to patronize or dispell, but is that really true?
     
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    As far as I know, Divi only allows you to choose how many columns you want for desktop. And the tablet and mobile view, it has its own fixed responsive CSS code that you can’t alter without custom CSS.

    But do note that we are just third party developers, providing free help to the community. Any suggestions or reporting should be made to official Divi support at: https://www.elegantthemes.com/members-area/help
     
  7. Simona6

    Simona6 New Member

    That's nuts, considering Google has been "mobile first" for years now.
    But thanks. I dont' know about other page builders, but WPB makes it so simple to change.
    No shop owner who knows how to set 1/2 1/2 etc, would know any CSS.

    But apprecaite it.
     
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
  8. Simona6

    Simona6 New Member

    BTW within that arena, when you add image, how do you set the size of it? Again in WPB you can set Medium or Small, which defaults to a certain sort of size. I can't see how you do that in Divi? As they have images that are around 1700px. So I want to set the width in some way to enforce a size.
     
  9. Divi.Help

    Divi.Help Administrator
    Staff Member

    When you're choosing an image in the overlay, you may set the size at bottom right. See screenshot below:

    [​IMG]
     
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  10. Simona6

    Simona6 New Member

    Thanks. Found that. Annoyingly coz the site uses a CDN, when you go to the image, it doesn't highlight it.
    But have been able to set sizes, about half the size.
     
  11. Herrkoch

    Herrkoch New Member

    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
  12. Simona6

    Simona6 New Member

    Oh good heavens.
    Considering it's mobile first, to have to initial and programme custom CSS, simply to say "On desktop, 1/4, on mobile 1/2" is really ridiculous.
    She is changing to WP Bakeryt next year, as that makes this job super simple.

    I thought DIVI Was meant to be easy.