Solved

How to make the header smaller in height / Impulsive Theme

jtorres
Explorer
66 0 17

Hello, I would like to make the header's height smaller without affecting the logo.

 

Captura de pantalla 2022-03-21 a las 12.28.40.png

 

This is my website: https://deluxcosmetics.com/

Thank you in advance!

Accepted Solution (1)

ZestardTech
Shopify Expert
5602 1019 1346

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css.liquid and paste this at the bottom of the file:

.site-header {padding: 2px 0;}
div#StickyHeaderWrap {
height: auto!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 3 (3)

ZestardTech
Shopify Expert
5602 1019 1346

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css.liquid and paste this at the bottom of the file:

.site-header {padding: 2px 0;}
div#StickyHeaderWrap {
height: auto!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
jtorres
Explorer
66 0 17

Thank you @ZestardTech 

It worked perfectly!

 

Is it possible to make it even smaller?

ZestardTech
Shopify Expert
5602 1019 1346

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css.liquid and paste this at the bottom of the file:

.site-header {
padding: 0px 0;
}
div#StickyHeaderWrap {
height: auto!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing