Return to previous page

2 Products Side by Side (Mobile) - by michaelcp23

This topic has 6 replies, 4 voices, and was last updated 8 years, 9 months ago ago by Stan Russell

michaelcp23

Participant

February 6, 2016 at 06:01
So I am trying to put two products side by side on the mobile Product Page Layout, but I want the Single Product Page to be full screen.

I was using the following code, and it works for the Product Page Layout, however for the Single Product Page, it is compressed to only 50% of the screen. I’m guessing I have the code incorrect, could you guys help me out a bit?
```
@media only screen and (max-width: 480px){
.products-grid .product {
width: 50% !important;
}}

@media only screen and (max-width: 480px){
.product {
  width: 50% !important;
}}
```
#111919 Copied
5 Answers

Robert Hall

Support staff

February 6, 2016 at 08:31

Hello,

Your site is in maintenance mode.
Please provide us with wp-admin access in Private Content.

Regards,
Robert Hall.

#111926 Copied

michaelcp23

Participant

February 8, 2016 at 20:32

Only the homepage is in maintenance mode, the rest of the site is accessible. See aventon.com/shop

Please, contact administrator
for this information.

#112172 Copied
Jack Richardson

Support staff

February 9, 2016 at 11:18
Hello,

I’ve commented the code in your custom.css file:
```
@media only screen and (max-width: 480px){
.product {
  width: 50% !important;
}}
```
Please check the site on mobile now.

Best regards,
Jack Richardson.
#112235 Copied
michaelcp23

Participant

February 9, 2016 at 22:24

Thank you it now works perfectly, I appreciate your help!

Michael

#112363 Copied

Stan Russell

Participant

February 10, 2016 at 08:07

Hello michaelcp23,

you are welcome!

Regards,
Stan Russell.

#112382 Copied
Tagged: 2 products, best selling, mobile, side by side, themes, woocommerce
Viewing 6 results - 1 through 6 (of 6 total)