Content of page stretched out in live version of store

Store Design
,
1

I some how changed the settings of theme. I want the page to look exactly like this preview but the body takes extra width on the live version. The size of media gets bigger and it stretches out of the header. First picture is preview second one is live.

Please help me out

preview
preview2122×1540 464 KB

live
live3454×1808 746 KB

2

Hi @hamza971

The max-width of your page in the preview is more minor than the max-width on the live page. You can try to set max-width value in your Online Store > Themes > Customize > Theme settings so it same with preview to solve this

3

This is Noah from PageFly - Shopify Page Builder App

This is related to max-width and max-height and height, you need to set it to a fixed value and set “background-size: contain;” for it. If it still doesn’t work, you can send the website url, I will check the elements and fix it for you.

Thank you so much.

Best regards,

Noah | PageFly

4

Hi @hamza971 ,
This may not help solve your problem but here is a great tip to help you before publishing
Open FullScreen mode before publishing the theme will help you see the exact interface of your live version