Spacing on the Product Page Mobile - Debut Theme

Store Design
, ,
1

Hey there,

I realized that the spacing on my product page is a bit off when using a mobile view. To the left, there is more space left than to the right:

timotheusb1_0-1685803013498.png
timotheusb1_0-1685803013498.png741×598 28.2 KB

Can someone explain to me where in the code / Styling I can check for this and adjust it, so the text is and the grey block is really in the middle of the screen?

Grateful for any help here

Kind regards

Tim

2

Hi @timotheusb1

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Theme.scss.css

@media only screen and (max-width: 749px) {
.page-width {
    padding: 5px !important;
}
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly

3

Hi @PageFly-Richard . Thank you for your fast response. Sadly I can not find “Theme.scss.css” under assets. These are the assets I have:

timotheusb1_0-1685907539035.png
timotheusb1_0-1685907539035.png552×1102 44.8 KB

I am using the old debut Theme.

Do you have an idea, where I should paste the code instead, or do I just have a different name?

Kind regards
Tim

4

@timotheusb1

you can add my code to the file “Theme.css”.

5

Hey @PageFly-Richard ,

I implemented your changes. Sadly it doesn’t fix the problem of an uneven display. Now its just zoomed in a bit more.

Any Other Idea?

6

yes, because this align will make the block stretch to fit