1. CYBER MONDAY SALE Get Divi.Help Pro Membership @ $99 / lifetime & instantly gain access to all our Divi.Help Pro Membership perks.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.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.
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

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 'Freelancer' 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:
    Log In or Sign Up to view this code.
    Then for the second column settings, use the below CSS:
    Code:
    Log In or Sign Up to view this code.
    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 Divi Block Pro - Premade content toggle design for your Divi site without using any plugins: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 Divi Block Pro - Premade before / after image slider for your Divi site without using any plugins: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 Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.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.Help Pro Layout Packs - Agency Divi layout pack featuring modern overlay archive blog layout with hover effects:View Demo
  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 Block Pro - Easy-to-use drag & drop interface to mix & match 456+ premade Divi blocks & export as json file:Learn More
  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.