Why is my homepage header smaller than other pages in Dawn theme?

Store Design
1

My header has less bottom padding on my homepage than on my other pages. I would like them to be exactly the same size. I use the Dawn theme.

InkedScreenshot (21).jpg
InkedScreenshot (21).jpg1938×255 48.9 KB

InkedScreenshot (22).jpg
InkedScreenshot (22).jpg1893×131 39.2 KB

2

Hey @GeorgeRizos ,

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss

@media(min-width:990px){
body .header{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}

Adjust the padding until you reach your desired size

Hope this helps!

3

I don’t have a base.scss.liquid folder, but I have a base.css folder, should i put it in there?

@Moira

4

Yes, that’s the one! Differs from theme to theme @GeorgeRizos

5

Hi @Moira , I’m changing te top and bottom padding values, but it’s not doing anything

6

Hi @Moira , I put !important after the 2 paddings and it worked! Thanks!

The code will then be:

}
@media(min-width:990px){
body .header{
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
}

7

Hi @Moira , the headers do change, but the homepage header still remain smaller than the other pages

8

@GeorgeRizos I was just about to ask for your website URL to ensure the code worked with your theme. Glad to hear you were able to adjust it!

Don’t hesitate to reach back out if you require any further assistance as you continue to work on your store.

All the best,

9

Hi @Moira , my website URL is: https://thesnoozy.com/

The password is: awcahy

Thanks for the help :slightly_smiling_face:

I also wanted to note that the header background image moves a bit if you go from the homepage to other pages