1. 8th Anniversary Sale Get 88% OFF Lifetime Pro Membership & access all 16+ premium Divi extensions: Divi Block, 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.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 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

    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.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.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 promo bar / notification bar with close button 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 Header AI Generator - Try the power of AI to generate a custom Divi header for you:Try Now
  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 Block Pro - Premade mega menu design for your Divi site without using any plugins: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 - Premade logo carousel design for your Divi site without using any plugins:View Demo
  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.