Picture is too over on just desktop mode, I want to move it align with the product reviews line

Technical Q&A
,
1

The picture is too over on just desktop mode, I want to move it to align with the product reviews line on the product page in the sections of the featured collection.

@KetanKumar

1 Like
2

@AlexYZ_1

yes, sure please share store url for this store also screenshot

1 Like
3

Hello @AlexYZ_1
Please share your website URL.

4

Screenshot 2022-12-19 172738.png
Screenshot 2022-12-19 172738.png1860×949 281 KB

https://kawaiibonjour.com/products/kawaii-mini-travel-bag?variant=42566746996961

1 Like
5

@MandasaTech

Screenshot 2022-12-19 172738.png
Screenshot 2022-12-19 172738.png1860×949 281 KB

https://kawaiibonjour.com/products/kawaii-mini-travel-bag?variant=42566746996961

6

@AlexYZ_1

yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.collection slider-component {
    margin: auto 3vw !important;
}
.collection {
    max-width: var(--page-width);
    margin: 0px auto;
}
1 Like
7

@AlexYZ_1

I would like to give you a solution to support you:

  1. Go to Online Store-> Theme-> Edit code
  2. Open your theme.liquid theme file
  3. Paste the below code before :
<style>
#shopify-section-template--16702583636193__3f854639-0fe8-4736-ae4b-1a8c1a840f10 {
max-width: 160rem !important;
margin: auto;
}
#shopify-section-template--16702583636193__47c19a78-5c9c-44d9-8aba-f4177346d3ce {
max-width: 160rem !important;
margin: auto;
}
</style>
1 Like