How to fix a thick header padding issue in Dawn theme?

[TheBabyBuddie]

Hi guys, I’m currently creating a website but can’t work out why the header is so thick. I have changed the padding to the minimum it can be, I have tried replacing the code, I have also tried resizing the logo but nothing is working. I have attached a link to the website below, if you could please help me, that would be amazing.

https://thebabybuddie.myshopify.com/

I guess I’m wanting the navigation bar to be closer to the logo and move the cart icon and search icon down inline with the navigation bar.

Kind regards,

[ZestardTech]

Hello there,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

img.header__heading-logo {
width: 50%;
height: auto;
}

[suyash1]

@TheBabyBuddie - add this css to the very end of your base.css file, adjust number 150 as per the need

.header__heading-logo {max-width: 150px;}

[GemPages]

Hello @TheBabyBuddie

It’s the GemPages support team and glad to support you today.

Your logo has lots of white space at the top and bottom.
You can remove it before uploading it to the store.

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

[PageFly-Victor]

Hi @TheBabyBuddie

This is Victor from PageFly - Landing Page Builder App.

You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file base.css

img.header__heading-logo{
width: 50% !important;
}

Hope this answer helps.
Best regards,
Victor | PageFly