New Shopify Certification now available: Liquid Storefronts for Theme Developers

How to reduce header height in studio theme

6 0 1

My website is

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

Replies 2 (2)
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;



Shopify Partner
5587 1260 1164

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


2. Open your theme.liquid theme file

3. Paste the below code before </head>

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


For example,



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