FROM CACHE - en_header

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

Solved
Myellagroup
Excursionist
30 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)

Accepted Solutions
Zworthkey
Shopify Partner
5581 642 1507

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 1507

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

Myellagroup
Excursionist
30 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 1507

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.

Myellagroup
Excursionist
30 0 5

Hi @Zworthkey 

Yes, it worked! Thank you very much!

inspirea
Shopify Partner
41 0 2

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

thevibenow
New Member
1 0 0

It was super simple & useful!