How to edit height of the header (Debut Template)

New Member
2 0 0

Hey! I using a debut template for my store. After I added a logo, header got too big and I don't know how to change it. I tried to find any solutions on the web, but my theme code seems to me a bit different. 


I tried to add "height: 100px;" as I found this at the community forum. But for me, it just increases the height of the page and doesn't even interact with the header. 

.site-header {
height: 100px;
background-color: $color-body;
position: relative;
padding: 0 $gutter-site;











Tanks for your time.



Shopify Expert
667 170 235

This is an accepted solution.

Hi, @NikolaiSkor ,

This is Evita from On The Map.


Try this:


1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.lqiuid->paste bellow code at the bottom of the file.


.site-header__logo-image img {
    height: 100px!important;



On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
New Member
2 0 0

Thank you so much! It helped me perfectly.

New Member
2 0 0



Trying to fin the Asset->theme.scss.lqiuid in Debut Theme

I only see: theme.css.lqiuid

Is it the same thing?

Would your code work if pasted at the end?