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

[ZestardTech]

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

[Dan-From-Ryviu]

Hi @adipure

You can add this code below to your theme.liquid file above tag