Solved

Dawn theme - Header section - How to change the height?

Myellagroup
Excursionist
35 0 5

Hi everyone,

Wondering how to code edit the height of the Header in the Dawn theme?

Preview link to my store: 

https://oyqdxz872xvla8xj-15517073.shopifypreview.com

Thanks in advance!

 
Accepted Solution (1)
Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

hii, @Myellagroup 
Paste this code on top of the base.css file.

@media only screen and (min-width: 992px) {
header.header.header--middle-left.page-width.header--has-menu {
    height: 95px !important;
    margin-top: -15px !important;
}
}

Thank You.

View solution in original post

Replies 6 (6)

Zworthkey
Shopify Partner
5581 642 1565

Hii, @Myellagroup 
Do you want to look like this?
download (25).png
Thank You.

Myellagroup
Excursionist
35 0 5

Hi @Zworthkey 

Thanks for getting back.

Yes, but maybe a little bit taller so that there's more space between the top of the wings and the black announcement. 

Thanks

Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

hii, @Myellagroup 
Paste this code on top of the base.css file.

@media only screen and (min-width: 992px) {
header.header.header--middle-left.page-width.header--has-menu {
    height: 95px !important;
    margin-top: -15px !important;
}
}

Thank You.

inspirea
Shopify Partner
46 0 4

Hi can you tell me where exactly to place the code? Trying to do the same...

thevibenow
Visitor
1 0 0

It was super simple & useful!

Myellagroup
Excursionist
35 0 5

Hi @Zworthkey 

Yes, it worked! Thank you very much!