Header is bigger on home page

[Geltier]

Of any unknown reason, the header in the home page is become longer.. We wish to have the same size of it as all other pages on the site. It is problem both in desktop and mobile view.

Thank you in advance

Best regards
Bjorn

[Dan-From-Ryviu]

Your store link please? 

[Geltier]

geltier.com

[Dan-From-Ryviu]

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings to solve the issue 

.header__logo h1 { margin: 0; }

[Geltier]

did not work 😕 no change happened

[Dan-From-Ryviu · Accepted solution]

Sorry, please update the code 

.header h1.header__logo { margin: 0; }

[Moeed]

Hey @Geltier 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Geltier]

Hi!

The problem is that your code works for home page, but the the other pages on the site gets even smaller.

[ProtoMan44]

@Geltier can you please put this style in code:

header .header {
    padding-top: 0;
    padding-bottom: 0;
}

[Geltier]

The problem is that your code works for home page, but the the other pages gets even smaller

[ProtoMan44]

@Geltier so please replace the old code with it:

header h1.header__logo {
    margin: 0 !important;
}