How to reset Dawn theme margin to its default?

Store Design
,
1

I was trying to increase the left and right margin of my product page of DAWN theme, then I modify the .page-width class with the bold part.

.page-width { max-width: var(–page-width); margin: 0 auto; padding: 0 1.5rem; margin: 5rem; }

screenshot desktop:
unnecessary white margin on-top

Screenshot 2026-02-10 at 11.46.55
Screenshot 2026-02-10 at 11.46.55749×635 87.2 KB

mobile view
buttons and more widgets are messed up :frowning:

Screenshot 2026-02-10 at 11.49.32
Screenshot 2026-02-10 at 11.49.32272×536 51.2 KB

Now my website has a 5rem margin top/ right/ left and bottom, and it totally break the layout (header also has a big margin on top and many products/ displays are moved).

I have so little knowledge on modifying theme and I regret doing this : ( someone can help me to reset the margin to DAWN’s original setting by removing the margin: 5rem;?

my website:

1 Like
3

Hi @GoodnightPro

I remember I put my adjustment to the following section , but now I don’t seem to find my changes anymore.

/* base */

.page-width {
max-width: var(–page-width);
margin: 0 auto;
padding: 0 1.5rem;
}

There are other sections in base.css that I can find likewise setting (page-width, padding: 5rem), For example:

@media screen and (min-width: 750px) {
.page-width {
padding: 0 5rem;
}

or
.page-width-tablet {
padding: 0 5rem;

or

@media screen and (min-width: 990px) {

.header:not(.drawer-menu).page-width {
padding-left: 5rem;
padding-right: 5rem;
}

I am just afraid to change anything right now, don’t wanna break anything more : (
Where should I make the fix?

5

I now reset the code to yesterday’s version.
So … big broken site problem solved for the moment.