How to reduce header height in studio theme

Retired Boards Appdev Custom Storefronts
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

1 Like
2

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
developerSP_0-1671286413431.png1346×362 184 KB

3

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
GemPages_0-1671520761479.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

For example,

GemPages_1-1671520849654.png
GemPages_1-1671520849654.png1912×904 61.7 KB

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team