First row of product images on product page are misaligned

[pop12345]

The first row of images on every one of the product pages on mobile is misaligned for some reason and I was wondering if there was a way to fix it. Since only the mobile is affected, I want a solution that doesn't require adjusting the desktop. I'm using the Dawn theme.

Thanks so much in advanced!

https://piecesofporcelain.store/products/the-sweet-escape-panty

[BSSCommerce-B2B · Accepted solution]

Hi @pop12345 ,
Step 1: Go to Admin -> Online store -> Theme > Edit code:
Step 2: Search for the file base.css. And add this code snippet to the end of the file.

@media screen and (max-width: 749px) {
    .grid--peek.slider .grid__item:first-of-type {
        margin-left: 0px!important;
    }
}

Step 3: Save and reload home page.

=>> The result: 

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir! 

[pop12345]

Thanks so much! The preview looked great but when I saved it, it began to display the following message in my header: Liquid error (layout/theme line 42): internal. The mobile site also began to crash.

After removing the code, the error message is still present though the mobile site is functional.

These are lines 42-48 in my theme.liquid file:

{{ content_for_header }}

{%- liquid
assign body_font_bold = settings.type_body_font | font_modify: 'weight', 'bold'
assign body_font_italic = settings.type_body_font | font_modify: 'style', 'italic'
assign body_font_bold_italic = body_font_bold | font_modify: 'style', 'italic'
%}

[BSSCommerce-B2B]

@pop12345 , All stores are experiencing this problem. It's not caused by my code and should be fixed in the next few minutes.

[pop12345]

Amazing, thanks so much for letting me know!

[pop12345]

Looks great now, I appreciate your help!

[BSSCommerce-B2B]

Yeah you can follow this post, other people are also experiencing the same situation as you https://community.shopify.com/c/shopify-design/liquid-error-layout-theme-line-28-internal-error-on-t...