Change layout page width on bigger screen sizes

Store Design
,

Topic summary

A user wants to adjust their website’s layout width for larger displays (27\

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I want to change the websites layout width on screen sizes 27’ and up. It looks great on my macbook 13 and not so great on my 27 display. Now i use page width 1300 px but i want to use 1600 for the the bigger screens, how can I do this? It should be simple right?

Screenshot 2023-10-08 at 20.14.21.png
Screenshot 2023-10-08 at 20.14.21.png5120×2880 847 KB

Best regards,

Leon

2

Hi @Leonpojen

Please share your store URL and password so I can provide solution for you.

1 Like
3

Hi, sorry for late reply, its www.arceyworldwide.com and password is “arcey”

4

Hello this did not work, it made my banner smaller instead of the website wider

5

@Dan-From-Ryviu

6

Hi @Leonpojen

Go to your Online store > Theme > Edit code > add this code below at the bottom of your base.css file

.page-width, 
.page-width-desktop { max-width: 1600px !important; }
1 Like