Mobile Woocommerce 2 columns - Support | Kriesi.at

Tagged: woocommerce

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
August 16, 2020 at 3:09 pm #1238177
mtmundarain
Participant
Hello guys!
I need to show the store in the mobile version in 2 columns
I have tried this thread https://kriesi.at/support/topic/2-column-woocommerce-mobile-view/ but not getting what I need.
Could you please help me?

In the attached image
https://staging4.breadandcheese.cl/wp-content/uploads/2020/08/enfold.jpg

1) Current situation
2) Desired situation
3) They would be my new superheroes
- This topic was modified 4 years, 3 months ago by mtmundarain.
August 20, 2020 at 4:52 pm #1239580
Ismael
Moderator
Hey mtmundarain,

Thank you for the inquiry.

You can use this css code to adjust the width of the product items and create some space between them.
```
@media only screen and (max-width: 767px) {
.responsive #top #main .products .product {
	width: 48%;
	margin-left: 2%;
        margin-bottom: 2%;
}

.responsive #top #main .products .product:nth-child(2n+1) {
	margin-left: 0;
}
}
```
Best regards,
Ismael
August 21, 2020 at 12:54 am #1239687

mtmundarain
Participant

Thanks Ismael!

August 21, 2020 at 9:44 pm #1239874

Jordan Shannon
Inactive Moderator

Hi,

Did you need additional help with this topic or shall we close?

Best regards,
Jordan Shannon

August 22, 2020 at 12:54 pm #1239964

mtmundarain
Participant

Please, close the topic!
Thanks

August 24, 2020 at 5:55 am #1240254

Rikard
Keymaster

Hi,

Thanks for letting us know, I’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Mobile Woocommerce 2 columns’ is closed to new replies.