Why are product images overlapping in my Dawn theme layout?

Store Design
1

Hi,

I am using the Shopify Dawn theme and on my product page some product images are being displayed on top of each other. I have not made any changes to the layout files so I’m not sure what’s causing it.

P_SLT_0-1645996143476.png
P_SLT_0-1645996143476.png1639×1362 374 KB

Here is the product URL: https://pueblofood.co/products/24-savora-drinks-zesty-lime-sweet-agave-mixer-200ml

1 Like
2

Hi @P_SLT ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

3

@P_SLT

Please share the store front password.

Thanks!

4

Your store is password protected so please share password.

Thank you.

5

Store URL: pueblofood.co

PW: fleopi

6

Store URL: pueblofood.co PW: fleopi

7

Store URL: pueblofood.co

PW: fleopi

8

Please add below css in bottom of assets/base.css file

.product__modal-opener .product__media {

padding-top: 0 !important;

}

Thank you.

9

Hi @P_SLT ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
.product-media-modal {
    position: inherit !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.