SENSE Theme Mobile Product Image Not On Center

Store Design
1

Hello! I’ve been trying to use the SENSE heme, but I realised that the product image is not on the center. I get that it’s supposed to be like a carousel that connects to the next image, but I would still like it right in the middle (especially when there’s only one image).

2

Hello @STEPDENT

It’s GemPages support team and glad to support you today.

To provide you with the most precise solution in this case, could you please share your page URL ( with pass if your store password is enabled )?

3

Hi @STEPDENT ,

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

.product-grid {
    justify-content: center;
}

I hope it would help you
Best regards,

Richard | PageFly

4

hey , thank you for the quick response .

i have tried your code. without any luck.

still dosent work.

45345.png
45345.png868×718 145 KB

5

Hi @STEPDENT ,

Sure, I’m happy to help you. Let’s try this solution:
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:

.product__media-list .product__media-item {
    width: 100% !important;
    margin-left: 0 !important;
}

PageFlyRichard_0-1676991051492.png
PageFlyRichard_0-1676991051492.png672×620 76.6 KB

I hope it would help you
Best regards,

Richard | PageFly