How can I minimize the header space on my website?

Store Design
1

imagem_2022-12-27_030036236.png
imagem_2022-12-27_030036236.png1221×191 8.81 KB

I think that there’s too much space being used on the header for mobile and Desktop, there’s a way to reduce this space/header? My website is www.nonastore.com.br

1 Like
2

Hello There,

Please share your store URL and Password.

So that I will check and let you know the exact solution here.

3

Hello @nonastore ,

Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team.

4

My website is www.nonastore.com.br

5

Hi @nonastore Your site is not working https://prnt.sc/54YgebDFIQxi

1 Like
6

Hi Minakship, i think it’s a bug, check it now

7

@nonastore
Put below css into theme.liquid before closing tag

Ujjaval_0-1672122663833.png
Ujjaval_0-1672122663833.png1432×759 164 KB

1 Like
8

Hello @nonastore

I would like to give you a solution to support you:

  1. Go to Online Store-> Theme-> Edit code
  2. Open your theme.liquid theme file
  3. Paste the below code before :
<style>
.regular-logo.lazypreload.lazyautosizes.lazyloaded {
height: 100px !important;
width: 120px !important;
}
#jas-header {
height: 165px !important;
}

@media(min-width: 280px) and (max-width: 767px){
header#jas-header {
height: 140px !important;
}
.jas-col-md-2.jas-col-sm-6.jas-col-xs-6.start-md.center-sm.center-xs.jas_div_logo {
height: 115px !important;
margin-top: -44px;
}
}

</style>

Was my reply helpful? Please Like and Accept Solution. This mean alot to me.

1 Like