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;
}}
