Prestige Theme - Center Carousel Images Product Page

Mcfly69290
New Member
9 0 0

Hello,

 

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)

PageFly-Henry
Astronaut
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.

BSS-TechFusion
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

BSSTechFusion_0-1714795376464.png

 

 

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

 

BSSTechFusion_2-1714795566543.png

 

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