How can I remove header white space in the Dawn Theme?

Store Design
1

Hi everyone :slightly_smiling_face:

I am using the Dawn Theme. I want to remove the white space in the header. I want my banner to take up that space plus the space the banner is already taking up. Basically, I want the banner to take over the entire sceen space so when someone logs into my website, they will only see the banner then will have to scroll down to see the remaining content. I hope that makes sense. Any idea how I can remove the white space above my banner in the header of the site so the banner takes over that space?

Seriously hope this question makes sense. I am horrible at explaining stuff.

My website is www.PennsylvaniaParks.org

Thanks!

2

@Justin34 - I think your issue is solved, I can see banner taking the screenspace, check SS 1, or if you want like SS2, then add this given css to the end of your base.css file

please note that your theme do not have any unique class or id for home page, so these changes will affect all the pages on your site, if you want changes for home page only then we need a code tweak to put unique class/id to home page.

#shopify-section-header{position: fixed;    width: 100%;    background: transparent;}

#shopify-section-header .header-wrapper{background: transparent;}

suyash1_2-1659838215503.png
suyash1_2-1659838215503.png1366×768 360 KB

suyash1_1-1659838079302.png
suyash1_1-1659838079302.png1366×768 391 KB

3

Hi there :slightly_smiling_face:

Yeah, I see what you mean. It looks fantastic on the homepage. But when you go to another page on my website, its all messed up. Might have to find another way to set up homepage. Thanks so much!

4

@Justin34 - i0f you can add me as collaborator then I can put unique id for home page and using that we can achieve this