reduce length of header

[curt1984]

hello I would like to reduce the length of header tried this code but it does not work 

.site-header.logo--center {
    padding-top: 10px;
    display: inline-table;
    padding-bottom: 10px;
}

 

this size would be great 

my website https://shrinkmode-clothing.myshopify.com

password aisuld

 

[ErSanjay · Accepted solution]

site-header--fixed .site-header__logo-image {
    display: block;
    height: 50px;
}

site-header--fixed .site-header__logo-image { display: block; height: 50px; }

site-header--fixed .site-header__logo-image {
    display: block;
    height: 50px;
}

/*  change your logo image or just add this css*/

[JHKCreate · Accepted solution]

Hi @curt1984 ,

Use this code instead: 

.site-header-sections.page-width {
    max-height: 60px;
}

That should do it! 

[curt1984]

perfect, worked

[AlexBrowe2]

Hello🙂

Please could you help me to make the logo appear on my page as it is in the image that I send you?

The problem is that if I increase the size of the logo, the size of the header also increases. Because the header keeps the logo inside, but we want them to be independent. In order to increase the size of the logo so that it protrudes a bit from the header.

What is the code and where do we have to modify to make the size of the logo and header independent?

Our page is: https://kongpods.com/

Thank you