How can I adjust the margin size in Dawn theme?

Store Design
, , ,
1

Hi! I need help changing the margin size for my site. I removed this code from the base.css:

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

.page-width-desktop {
padding: 0;
margin: 0 auto;

Because I want to change the header & footer to full width.

Here’s my website link: https://itzelshopping.com/

thanks!

2

You can add this code at the bottom of your base.css code to add margin for your store

.page-width,

.header-wrapper, footer {

margin-left: 20px !important;

margin-right: 20px !important;

}

3

@iamitzel To change the margin size of your site, you can modify the CSS code for the specific elements you want to change. For example, to make the header and footer full width, you can add the following CSS to your stylesheet:

header, footer { width: 100%; margin: 0; }

If you want to change the margin size for the main content area, you can modify the .page-width class:

.page-width { max-width: var(–page-width); margin: 0 auto; padding: 0 1.5rem; /* add this to adjust the margin size */ margin: 2rem; }

Note that in the example above, the margin size has been changed to 2rem. You can adjust the value to whatever size you prefer.