Mobile product page info on the right hand side, need it below product images

Store Design
1

How do I fix this mobile view so that the description and buttons are below the product images?

Screen Shot 2023-02-01 at 11.07.36 AM.png
Screen Shot 2023-02-01 at 11.07.36 AM.png748×1050 482 KB

Screen Shot 2023-02-01 at 11.07.48 AM.png
Screen Shot 2023-02-01 at 11.07.48 AM.png1114×1496 183 KB

2

Hi @msmith4043 ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

ps: shopifyhelp

Its only messed up on the Mobile version

4

Hi @msmith4043 ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-main-product.css->paste below code at the bottom of the file:

@media screen and (max-width: 749px) {
.product {
flex-direction: column;
}
}

Hope my answer will help you

1 Like
5

THANK YOU THANK YOU!!! It worked. I am so so appreciative of your help!

1 Like
6

It looks like it’s also happening on my mobile Products page, are you able to suggest a fix here? The product pictures should be going vertically, not horizontally. It’s making me scroll all the way to the right and leaves blank spaces

IMG_8585.PNG
IMG_8585.PNG1284×2778 285 KB

IMG_8586.PNG
IMG_8586.PNG1284×2778 251 KB

7

Hi @msmith4043

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-main-product.css->paste below code at the bottom of the file:

@media screen and (max-width: 750px) {
.grid {
flex-direction: column;
align-items: center;
}
}

Hope my answer will help you