How to reduce header height in studio theme

How to reduce header height in studio theme

Crowndecore
Tourist
6 0 1

My website is soonnex.com

I want to reduce header height, a little higher than the logo itself. No option in customization. Please help

Replies 2 (2)

developerSP
Pathfinder
85 3 20

Hello There,

Admin go to online store -> themes -> actions -> edit code
Find Asset >base.css and paste this at the bottom of the file:

.header__heading-logo {
max-width: 150px!important;
}

developerSP_0-1671286413431.png

 

banned

GemPages
Shopify Partner
5625 1261 1243

Hello @Crowndecore ,

 

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

 

I would like to give you the recommendation to support you so kindly follow the steps below:

 

1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1671520761479.png


2. Open your theme.liquid theme file


3. Paste the below code before </head>

<style>
.header__heading-logo {
    max-width: 150px !important;
}
</style>

 

For example,

GemPages_1-1671520849654.png

 

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