Reducing white space from header/dawn theme

Shopify Discussion
1

So title, want to reduce the white space on the header, no code I have yet found on the internet has worked. Help!

Näyttökuva 2023-10-18 211244.png
Näyttökuva 2023-10-18 211244.png1339×670 145 KB

1 Like
2

Hi @Aabe

Did you change the design of your store header? Would you mind to share the preview. Thanks!

3

Hey, yea I decided to change it. Here’s the link, not sure if it works tho :grinning_face_with_smiling_eyes:

https://vendicit.com/?_ab=0&_fd=0&_sc=1

1 Like
4

Nope, I can still see the black header.

You can share the preview from here.

Made4uoRibe_0-1697657959010.png

The preview will expire after 3days.

5

My bad, here ya go https://9e2zfwqp9fkzinm5-77652754765.shopifypreview.com

1 Like
6

Thanks for the info, Unfortunately this space cause by your logo height. the logo must be fill with all the space in the box. This is my temporary solution, the more smaller screen the more logo will go up.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media only screen and (min-width: 679px){
a.header__heading-link.link.link--text.focus-inset {
    margin-top: -60px;
}
    h1.header__heading {
    height: 150px;
}
}
@media only screen and (max-width: 679px){
a.header__heading-link.link.link--text.focus-inset {
    margin-top: -30px;
}
     h1.header__heading {
    height: 130px;
}
7

I tried to resize the logo image, but then it becomes too small, is there any way to make the logo bigger, and making the header smaller?