How can I limit my store width to 1500px on Dawn theme?

Store Design
1

I would like to limit my store max width to 1500px on desktop widescreens. Created images with text get too large and not proportional with store logo any larger. I have tried a couple different codes but nothing has worked ( most likely due to my lack of knowledge in code) so detailed instruction would be greatly appreciated. Thanks in advanced!

2

Hi @superjrod ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

3

Hi Oliver,

Thank you for your reply. That didn’t work and it may be because I didn’t explain correctly. I am looking to have the whole page limited to 1500px. Once it get stretched beyond that it would have white boarders on the sides to limit all images (including custom images with text) to 1500px. I believe the code you sent for “container” would be for text created on Shopify?

4

Would you mind to share your store URL website, with password if its protected? Thanks!

5

I actually figure it out on another chat.I have attached the code below for what worked best. Thanks for the reply!

@media screen and (min-width: 1100px) and (max-width: 2500px ){
#MainContent {
margin-left: 20%;
margin-right: 20%;
}} {