How to edit height of the header (Debut Template)

Solved
Highlighted
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;

 

Capture.PNG

 

 

 

 

 

 

 

 

Tanks for your time.

 

 

0 Likes
Highlighted
Shopify Expert
667 170 234

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

 

Best,
Evita

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!
Highlighted
New Member
2 0 0

Thank you so much! It helped me perfectly.

0 Likes
Highlighted
New Member
2 0 0

Hello,

 

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?

Best

0 Likes