Solved

Expanse Theme - Reduce the white space of the header

Luke50
Visitor
3 0 0

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.

 

Accepted Solution (1)

GemPages
Shopify Partner
5588 1261 1203

This is an 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

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 6 (6)

Ujjaval
Shopify Partner
1242 197 206

logo_200x (1).png
upload this👆 image in logo automatically header space decrease.

GemPages
Shopify Partner
5588 1261 1203

This is an 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

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Luke50
Visitor
3 0 0

Thank you very much

GemPages
Shopify Partner
5588 1261 1203

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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

MandasaTech
Shopify Expert
723 146 153

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

☞ Helpful or Question answered? Please Click Like & Mark it Accepted Solution
☞ Want to modify or custom changes on store for affordable price? Click on Contact button here
☞ Email at info@mandasa.in
☞ Whatsapp at +918989609120 | Hire us at: Website Support Page

PageFly-Victor
Shopify Partner
7865 1785 3050

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

 

Hope my solution works perfectly for you!

Regards,

Victor | PageFly