Prestige Theme - Center Carousel Images Product Page

New Member
9 0 0



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


I'm using Prestige Theme.


Capture d’écran 2024-05-01 à 23.52.26.png

Replies 2 (2)

1087 312 264

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

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.

Shopify Expert
149 26 15

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! 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Wholesale Solution by BSS |
For adding product labels/badges, visit BSS: Product Labels & Badges

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development