How to alter header height on Bluish theme home page?

Technical Q&A
1

How do you change the height on the header of home page?

2

Hello @guygearlab ,
you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!
Please Share your store live url with password (if it password protected) & screenshot where you want to do modification, so that I will solve your issue here!

1 Like
3

Hi OSCprofessional,

Thanks, here is the url: https://guygearlab.com

Let me know please! thnks

4

Hi @guygearlab ,

@media only screen and(min-width:769px){
.row.header-panel-middle.align-items-center {
    padding: 0 !important;
}
header#header {
    min-height: 370px !important;
}
}

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->custom_style.scss.liquid

Note : If you want more decrease the height then you have to decrease the size of the logo !

Hope this solution will work for you !

Have a nice day !

5

Hi OSCprofessional,

I have tried this code and even decreased the logo size, but it looks that there is a limit up to where you could decrease the height of the header in this bluish theme. Is there anything else I might try?

Thanks!

6

Hi @guygearlab ,

Create new logo with different size not go with custom height width.

apply that code first it will decrease height. also create new logo!