Return to previous page

Mobile Site have 2 Product column - by michaelcp23

This topic has 4 replies, 3 voices, and was last updated 9 years, 4 months ago ago by Eva Kemp

michaelcp23

Participant

July 13, 2015 at 19:43
I initially saw a post (link) about someone wanting 2 product column in the mobile version of their site. One of you guys recommended the following code.
```
@media only screen and (max-width: 480px){
.product {
  width: 50% !important;
}}
```
This all worked great showcasing 2 products side by side. But when you clicked into a product, it should only show on half product on the mobile screen.

But Eva Kemp recommended the following code to fix that issue:
```
@media only screen and (max-width: 480px){
.products-grid .product { {
width: 50% !important;
}}
```
But for whatever reason, the code you recommended doesn’t seem to be working for me or the woopress theme. I would really love to have 2 products side by side, and when you actually click into the product, have that one product fill the entire screen.

Any help would be greatly appreciated.

Thank you,

Michael

Please, contact administrator
for this information.
#74969 Copied
3 Answers
Jack Richardson

Support staff

July 14, 2015 at 09:23
Hello,

There was an odd { in the code
```
@media only screen and (max-width: 480px){
.products-grid .product { {
width: 50% !important;
}}
```
I’ve edited it. Now check your site.

Best regards,
Jack Richardson.
#75045 Copied
michaelcp23

Participant

July 14, 2015 at 19:01

It worked! Thank you so much, you guys are the best!

#75209 Copied

Eva Kemp

Support staff

July 14, 2015 at 19:09

Hello,

You’re welcome.

Regards,
Eva Kemp.

#75210 Copied
Viewing 4 results - 1 through 4 (of 4 total)