Changing Height Of Header In Impulse Theme without changing the logo size. please help
Hi @AprilV ,
You can try to do that by adding this CSS code at the bottom of your theme.css or theme.css.liquid file
@media only screen and (min-width: 769px) {
.site-header {
padding: 30px 0;
}
}
1 Like
i appreciate your reply. it works on desktop but in mobile, it’s still the same. is there other way we can decrease the size of the header without changing the size of the logo? our website is https://glowupshine.myshopify.com/ . thanks in advance
Thank @Dan-From-Ryviu for the code, I just want to add some code bellow to make it work on mobile
@media only screen and (min-width: 769px) {
.site-header {
padding: 30px 0;
}
}
#StickyHeaderWrap {
height: 90px;
}
The result
Hope that helps!
Please use that code instead of
.site-header {
padding: 30px 0;
}