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 to set 2 columns shop in mobile?

Discussion in 'Free Divi Community Forum' started by Worapath, Nov 3, 2018.

  1. Worapath

    Worapath New Member

    The website shop is shown in tablet and desktop properly, but It has only 1 column in mobile.

    I don't know how to change to 2 columns shop in mobile.


    Regards.

    PS. tanyahan.co
     

    Attached Files:

    #1 Worapath, Nov 3, 2018
    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 add this CSS at Divi -> Theme Options -> Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi.Help, Nov 3, 2018
    patoduck17 likes this.
  3. Worapath

    Worapath New Member


    It works very well, thank you
     
    #3 Worapath, Nov 3, 2018
    1. PRO MEMBER PERKS Divi.Help Header AI Generator - Try the power of AI to generate a custom Divi header for you:Try Now
  4. davnlou

    davnlou New Member

    Thank you from me too...
    I've been struggling for ages to get 2 columns on mobile...
    Worked for me too!!
     
    #4 davnlou, Mar 1, 2019
  5. kimv79

    kimv79 New Member

    Hi, does this also works for a 3 or 4 column display? I tried changing the code, but it doesn't work so far.. Can you help me? Thank you!
     
    #5 kimv79, Mar 19, 2019
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Replace the default archive "Older Entries" with beautiful pagination:Learn More
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS for 3 column in mobile:
    Code:
    Log In or Sign Up to view this code.
     
    #6 Divi.Help, Mar 19, 2019
  7. kimv79

    kimv79 New Member

    Thank you, but unfortunately it doesn't work. It still shows two columns. See www.dutchwristart.com - the colored blocks
     
    #7 kimv79, Mar 20, 2019
    1. PRO MEMBER PERKS Divi Ultimate Blog Plugin - Easily set awesome default design for your Divi single blog page:Learn More
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    For your case, try this instead:
    Code:
    Log In or Sign Up to view this code.
     
    #8 Divi.Help, Mar 20, 2019
    kimv79 likes this.
  9. kimv79

    kimv79 New Member

    Thank you so much! It works perfectly!
     
    #9 kimv79, Mar 20, 2019
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
  10. Michael Lim

    Michael Lim New Member

    I try the two columns code, but the image display not correct, I need it in square and smaller. How to set ?
     

    Attached Files:

    #10 Michael Lim, Aug 13, 2019
  11. Divi.Help

    Divi.Help Administrator
    Staff Member

    It seems like the height is set by Royal Commerce Child Theme.

    To fix it, you can try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #11 Divi.Help, Aug 13, 2019
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  12. Michael Lim

    Michael Lim New Member

    It works perfectly. Thanks
     
    #12 Michael Lim, Aug 13, 2019
  13. yazan

    yazan New Member

    #13 yazan, Jan 24, 2021
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring modern overlay archive blog layout with hover effects:View Demo
  14. Divi.Help

    Divi.Help Administrator
    Staff Member

    #14 Divi.Help, Feb 1, 2021
  15. Krill

    Krill New Member

    #15 Krill, Apr 12, 2022
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Custom Divi Builder header on desktop + default slide in / fullscreen menu on mobile:Learn More
  16. Divi.Help

    Divi.Help Administrator
    Staff Member

    #16 Divi.Help, Apr 25, 2022
  17. Krill

    Krill New Member

    Thank you! Fit perfect
     
    #17 Krill, Apr 26, 2022
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More
  18. Neo3

    Neo3 New Member

    Hi there,
    Can you please help me modify the 3 column code a little bit?
    For some reason in my case not only the categories and subcategories change to 3 column view on mobile, but the actual products as well.
    I would like to have the (sub)categories shown as 3 columns, and products as 2 columns.
    Many thanks in advance!!
     
    #18 Neo3, Oct 29, 2024
(You must log in or sign up to post here.)