Prestige Theme - Center Carousel Images Product Page

[Mcfly69290]

Hello,

Do you know how to center product carousel image on product page on mobile view please ?

I’m using Prestige Theme.

[PageFly-Henry]

Hi @Mcfly69290

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file → Save

product-gallery.product-gallery {

align-items: center !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[BSSCommerce-B2B]

Hi @Mcfly69290 ,

I have reviewed your requirement on mobile, you just need to edit css script and the issue will be resolved. You can follow my instructions!

Step 1: Go to Admin → Online store → Theme > Edit code

Step 2: Search for the file theme.css. And add this code snippet to the end of the file.

@media only screen and (max-width: 768px) {
    .product-gallery.product-gallery {
        align-items: center !important;
    }
}

Step 3: Save your code and reload this page:

=> The result: product carousel image on product page on mobile view was centered

I hope these instructions will help you. If they are helpful, don’t forget to like and mark as the solution.

Have a nice day sir!