Header height setting

[jan_v]

 

 

Dobrý den, mám dotaz jak zúžit hlavičku? Zkoušel jsem už skoro všechno.. Rád bych, aby mezi horním panelem a spodní lištou nebylo tolik protoru, díky za odpovědi, Motiv Verze Dawn 15.2.0

[CodingFifty]

Hi @jan_v,

Thank you for reaching out to the Shopify community. I'd be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?

[jan_v]

https://anderewelt.cz/?_ab=0&_fd=0&_sc=1

[CodingFifty]

Hi @jan_v,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

@media (min-width: 769px){
.header__heading-logo {
    height: 19vh !important;
    max-width: 100%;
}

a.header__heading-link.link.link--text.focus-inset {
    padding: 0px !important;
}

nav.header__inline-menu {
    margin: 0px !important;
}
}

[jan_v]

All I can find is base.css and finally I put in the code you provided

but I can't seem to make the header smaller

 

[CodingFifty]

[jan_v]

I'm just solving that I want to keep the size of the logo and I just want to reduce the gap

[CodingFifty]

If you crop the logo image before uploading, the gap will be fixed.

[CodingFifty · Accepted solution]

Go to Online Store, then Theme, and select Edit Code.
Search for header.liquid file Add the provided code at the end of the file.

<style>
@media (min-width: 769px){
.header__heading-logo {
    height: 19vh !important;
    max-width: 100%;
}

a.header__heading-link.link.link--text.focus-inset {
    padding: 0px !important;
}

nav.header__inline-menu {
    margin: 0px !important;
}
}
</style>