How to reduce header height in Mandolin theme?

Dear all,
Does anyone know the code to reduce the header height in the Mandolin theme?

It is an unpublished site under construction.

@Kirkegaard

Please share your preview URL. I can help You!

Thanks!

Thank you for reaching out :slightly_smiling_face:
The preview url is: https://kiosk48th.com/?_ab=0&_fd=0&_sc=1

@Kirkegaard

This is not a preview URL. Please check following link for help

https://www.howcommerce.com/shopify-preview-link/

Thanks!

Oh sorry, here you go: https://rpvd52j21zwgga6d-42555179161.shopifypreview.com

@Kirkegaard

Thanks for the URL!

which height you have to reduce it? Please share the screenshot

If possible, this was the dream :slightly_smiling_face:
Thank you very much for helping!

@Kirkegaard

Please the following CSS code to your assets/theme.css bottom of the file.

@media screen and (min-width: 1008px) {
.Header--spacingMedium .Header__MainMenu {padding-top: 0rem !important;}
.Header__MainMenu .Nav__Link.Nav__Link--levelOne {display: initial !important;}
.Header__MainMenu .DropdownMenu--mega {margin-top: 0.4rem !important;}
}

Thank you so much! It worked perfectly!

1 Like

@Kirkegaard

If helpful then please Like Solution