How do I change the full width of my website on all pages? Debutify theme

Store Design
1

How do I change the full width of my website on all pages?

That’s a demo site from Debutify, and the width is 1432px with looks pretty nice. I have the same theme but my width is 1790px with looks not that good, text, icons, and everything is compressed.

How can I change that?

Screenshot .png
Screenshot .png1920×928 343 KB

2

@Medeep

Hello, Can You Please Share Your Store URL

3

Hi, there!

https://ornoe.com/

4

Hey @Medeep ,

You can change the width of the pages by opening the theme editor and going to the theme settings > advanced settings > scroll down until you find the option “Page width”. By default, Debutify leaves it at 1180px, however, you can increase the value.

debutifytechsup_0-1674600368865.png
debutifytechsup_0-1674600368865.png356×548 12.7 KB

1 Like
5

@Medeep
Hello,

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste the below code at the bottom of the file.
.page-width {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}