Solved

Fix size max pixels

MT27
Pathfinder
144 6 10

Hi when i use a big screen like the one on the photo below my photos on the pages get too stretched, how can I make every page in my website have a limit like ralphlauren page?

URL: matibrnd.com

Pass: biangu

MT27_0-1711130761115.png

MT27_1-1711130796752.png

 

Accepted Solution (1)

BrewBrains
Shopify Partner
95 13 18

This is an accepted solution.

Hi @MT27 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

 

 

 

<style>
body, .header-wrapper {
    --site-content-width: 1800px !important;
    max-width: 1800px !important;
    margin: auto !important;
}
</style>

 

 

 

See the result after the CSS fix in the screenshot attached below.

 

Screenshot 2024-03-23 at 12.24.40 AM.png

Was my reply helpful? Click Like to let me know!

Was your question answered? Mark it as an Accepted Solution.

Was I helpful?

Buy me a coffee


Sandesh Paudyal |

| Shopify Partner


Need help with your store?

 sandeshpaudyal99@gmail.com

For quick response - Message Me : +9779851353732

View solution in original post

Reply 1 (1)

BrewBrains
Shopify Partner
95 13 18

This is an accepted solution.

Hi @MT27 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

 

 

 

<style>
body, .header-wrapper {
    --site-content-width: 1800px !important;
    max-width: 1800px !important;
    margin: auto !important;
}
</style>

 

 

 

See the result after the CSS fix in the screenshot attached below.

 

Screenshot 2024-03-23 at 12.24.40 AM.png

Was my reply helpful? Click Like to let me know!

Was your question answered? Mark it as an Accepted Solution.

Was I helpful?

Buy me a coffee


Sandesh Paudyal |

| Shopify Partner


Need help with your store?

 sandeshpaudyal99@gmail.com

For quick response - Message Me : +9779851353732