Expanse Theme - Reduce the white space of the header

[Luke50]

Theme: Expanse

Website: https://asia.cozymatic.com/

Hi there.

I want to reduce the white space of the header.

Please let me know if you have a good idea to deal with that.

Thank you very much.

[Ujjaval]

upload this👆 image in logo automatically header space decrease.

[GemPages · Accepted solution]

Hello @Luke50 

It's GemPages support team and glad to support you today.

The white space of the header is caused by the logo image containing the space and you should re-upload the logo image or see my suggestions below to remove it:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste below code before </body> :

<style>
     .site-header__logo a {
         height: 40px;
     }
</style>

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

[Luke50]

Thank you very much

[GemPages]

I am glad that my recommendation is helpful to you 😁.

[MandasaTech]

Hello @Luke50 
Go to Online store >> Edit code >> Assets >> theme.css
Add this code below of theme.css file

@media only screen and (min-width: 769px){
.site-header__logo a {
height: 50px;
}
}

[PageFly-Victor]

Hi @Luke50 ,

This is Victor from PageFly - Landing Page Builder App.

You can try this code by following these steps: 

• Go to Online Store->Theme->Edit code
• Asset-> theme.css 
• Paste the below code at the bottom of the file

.header-layout{height:70px !important}

Hope my solution works perfectly for you!

Regards,

Victor | PageFly