Expanse Theme - Reduce the white space of the header

Store Design
1

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.

2

logo_200x (1).png

upload this :backhand_index_pointing_up: image in logo automatically header space decrease.

2 Likes
3

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 :

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

1 Like
4

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

1 Like
5

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}

PageFlyVictor_0-1670491552476.png
PageFlyVictor_0-1670491552476.png1349×451 207 KB

Hope my solution works perfectly for you!

Regards,

Victor | PageFly

1 Like
6

Thank you very much

7

I am glad that my recommendation is helpful to you :grin: .