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 Watches - Challenging Convention Through Timeless Design

[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; }

[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 tag

RESULT:

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

Best Regards,
Moeed

[ProtoMan44]

@Geltier can you please put this style in code:

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

[Geltier]

did not work no change happened

[Dan-From-Ryviu]

Sorry, please update the code

.header h1.header__logo { margin: 0; }

[Geltier]

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

[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 so please replace the old code with it:

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