Two columns in mobile view of products

  • Resolved vasudevb

    (@vasudevb)


    2 years, 4 months ago

    I am using WooLentor – WooCommerce Elementor Addons + Builder Version 2.4.1

    I have all the products displayed on the homescreen using WL: Universal Product Layout on Elementor. But when I view it on the mobile screen, I can only see the products in one column. I want to make it into two columns. I even tried by adjusting the width in the “advanced options” but I couldnt do it. Can this be done?

    Thank you ??

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor HT Plugins

    (@htplugins)

    Hi,

    Thank you very much for reaching out to us.

    The option to control the number of columns for different devices is available in the pro version only.

    Don’t worry, on the mobile view you can display your products in two columns, simply by using the following CSS in the style.css file of your theme or in the customizer.

    @media (max-width: 767px) {
     .elementor-widget-woolentor-universal-product .ht-col-xs-12 {
          max-width: 50%;
          flex-basis: 50%;
     }
}

    Hopefully, it will help you achieve what you have mentioned here.

    Best wishes,
    HT Plugins

    Thread Starter vasudevb

    (@vasudevb)

    Thank you so much..It worked perfectly.

    Plugin Contributor HT Plugins

    (@htplugins)

    Hello @vasudevb

    You are so very welcome ??

    Happy to hear that it works now.

    Best wishes,
    HT Plugins

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Two columns in mobile view of products’ is closed to new replies.