Create two product columns on mobile for universal product

  • Resolved yolosimba

    (@yolosimba)


    2 years, 8 months ago

    Hi, is there some css you can provide to create two product columns on mobile view instead of one? (Universal product layout)> I have a lot of products and stacking single products is not appropriate. This seems to be the default view on mobile, unfortunately.
    thank you!

Viewing 1 replies (of 1 total)
  • Plugin Contributor Tarek Aziz

    (@tarekht)

    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,
    Tarek

Viewing 1 replies (of 1 total)
  • The topic ‘Create two product columns on mobile for universal product’ is closed to new replies.