FROM CACHE - en_header

reduce length of header

Solved
curt1984
Excursionist
22 0 8

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

 

Screenshot 2021-01-17 at 10.42.36.png

this size would be great 

 

Screenshot 2021-01-17 at 10.19.47.png

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

password aisuld

 

Accepted Solutions (2)

Accepted Solutions
ErSanjay
Shopify Partner
251 20 37

This is an 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*/

Screenshot from 2021-01-17 16-35-03.png

Business Owner & Full Stack Sofware Engineer
Er Sanjay

View solution in original post

JHKCreate
Shopify Partner
3473 625 886

This is an accepted solution.

Hi @curt1984 ,

Use this code instead: 

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

That should do it! 

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com

View solution in original post

Replies 4 (4)
ErSanjay
Shopify Partner
251 20 37

This is an 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*/

Screenshot from 2021-01-17 16-35-03.png

Business Owner & Full Stack Sofware Engineer
Er Sanjay
JHKCreate
Shopify Partner
3473 625 886

This is an accepted solution.

Hi @curt1984 ,

Use this code instead: 

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

That should do it! 

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
curt1984
Excursionist
22 0 8

perfect, worked

AlexBrowe2
New Member
18 0 0

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

 

IMG-2584.jpg