Two column product view on mobile device

Support
#1

Hi
I am trying to change the product view of single products to two columns instead of one:
https://gulaankan.se/produkt/dagens-lunch/
I managed to change it inti two columns on gulaankan.se (beställ lunch) but when clicking a specific product i would like the cross and upsale products to be placed in two columns as well.
Anybody has perhaps a css code?

Tomas

#2

Hello Tomas,

Thanks for writing to us.

To display the product in two columns on the mobile view I would suggest you please add this custom CSS code to the Global CSS.

@media(max-width:479.98px){
.woocommerce section.up-sells.upsells.products li {
    width: 48%;
}
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector or you subscribe to One where customization questions are answered.

Hope it helps.
Thanks

#3

Perfect. Thanks. It seems to work
Tomas

1 Like
#4

You are most welcome, Tomas.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.