Solved

Remove padding on page header for Dawn Theme

hoodieharmony
Tourist
7 0 1

Hello! I am having trouble removing the padding to the left of the page header, "Hoodies". I'd like it to be in line with the featured collection below. Any help would be appreciated.

 

Screenshot 2024-01-24 12.22.09 PM.png

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
975 254 201

This is an accepted solution.

Hey @hoodieharmony,

 

In your online store click on "..."  on your active theme and then "Edit code" Then, in the "Assets" folder, look for "base.css, theme.css or style.css" file and add the following code

@media screen and (min-width: 990px) {
    .page-width--narrow {
        max-width: 109.6rem;
        padding: 0;
    }
}

 

 

Was I helpful?

Buy me a coffee

🙂

Need a developer? Contact me here

View solution in original post

Replies 6 (6)

ThePrimeWeb
Shopify Partner
975 254 201

Sure, please provide the link to your store.

Was I helpful?

Buy me a coffee

🙂

Need a developer? Contact me here

Made4uo-Ribe
Shopify Partner
5069 1206 1470

Hi @hoodieharmony 

Would you mind to share your store URL? Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


ThePrimeWeb
Shopify Partner
975 254 201

This is an accepted solution.

Hey @hoodieharmony,

 

In your online store click on "..."  on your active theme and then "Edit code" Then, in the "Assets" folder, look for "base.css, theme.css or style.css" file and add the following code

@media screen and (min-width: 990px) {
    .page-width--narrow {
        max-width: 109.6rem;
        padding: 0;
    }
}

 

 

Was I helpful?

Buy me a coffee

🙂

Need a developer? Contact me here
hoodieharmony
Tourist
7 0 1

Thank you for your help!