How to reduce header height in Mandolin theme?

Store Design
1

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

It is an unpublished site under construction.

2

@Kirkegaard

Please share your preview URL. I can help You!

Thanks!

3

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

4

@Kirkegaard

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

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

Thanks!

5

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

6

@Kirkegaard

Thanks for the URL!

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

7

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

Skærmbillede 2023-07-18 kl. 14.31.49.jpg
Skærmbillede 2023-07-18 kl. 14.31.49.jpg3084×2578 836 KB

8

@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;}
}
9

Thank you so much! It worked perfectly!

1 Like
10

@Kirkegaard

If helpful then please Like Solution