Header alignment not consistent between homepage and product pages

Technical Q&A
, , ,
1

Hello! I am using the dawn theme and my website URL is: ledvansa.se.

Hi everyone!
I’m working on a Shopify store (using the latest Dawn theme) and I’m trying to adjust the horizontal spacing of the logo and icons in the header.

I added this custom CSS to my base.css, and it works perfectly on the homepage, but not on collection or product pages:

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

.header__heading {

    margin-left: 13rem;

}

.header__icons {

    margin-right: 13rem;

}

}

On the homepage, the logo (LEDVANSA) and icons are correctly centered with margins, but on product or collection pages the logo jumps back to its default position.

image
image1897×903 136 KB

image
image1896×906 157 KB

I’ve tried clearing cache and checking if other sections override it, but nothing changes.

Does anyone know why this CSS doesn’t apply globally, and if there’s a better selector or way to ensure it stays consistent across all pages?

Thanks in advance :folded_hands:

2

Hey @CarCleanCC,

Could you please share your store url along with the collab code so that I can take a look and fix the issue the alignment. Because this requires to take a look in your theme file.

You can share the url and the collab code in the p/m.
Thanks