Reducing Headings in customized theme? Without shrinking the logo

[adipure]

Hello, 

Im trying to reduce my website header without  shrinking the logo.

I'm Trying to change css attributes but everytime i made a change, it shrinks my logo or header is gone.
Please help me to reduce header section 
My Header looks like this :

and i want this header to be like this 

Please help 
Thank you !

[Dan-From-Ryviu]

Hi @adipure 

Could you share your store link?

[adipure]

Hello @Dan-From-Ryviu 
here is my link 
https://znsou83q50yuu31m-59329609934.shopifypreview.com 
and i want to  header reduced on both mobile and desktop 

[Dan-From-Ryviu]

Hi @adipure 

Go to your Online store > Themes > Edit code, open theme.css file and add this code at the bottom.

@media (max-width: 767px){
.tt-mobile-header .tt-logo-container { margin-bottom: 0px !important; }
}

[adipure]

@Dan-From-Ryviu 
hello,

I have been trying to add the code on theme.css.liquid file but it did not work on my page, 
I have customized theme for this website and can not find theme.css file 

[Dan-From-Ryviu]

Hi @adipure 

You can add this code below to your theme.liquid file above </head> tag

<style>
@media (max-width: 767px){
.tt-mobile-header .tt-logo-container { margin-bottom: 0px !important; }
}
</style>

[ZestardTech · Accepted solution]

Hello There,

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

.tt-mobile-header .tt-logo-container {
padding-bottom: 0!important;
}