How to lower the hight of header in ride theme

Store Design
1

Hello,

would like to ask how can I Lower the Hight of header even lower that normal settings? It is too big even If It is on Lowest hight normally. I did try solution from this post and It didn’t worked for me.

https://community.shopify.com/c/technical-q-a/ride-theme-mobile-header-font-size-issue/td-p/1665201

Thank you very much for help.

1 Like
2

Hi @jondrej

Can you share with me the page url? I will help you check it. Thank you.

3

Hi @jondrej ,

Go to Assets > base.css and paste this at the bottom of the file:

.header__heading-logo {
    max-height: 100px;
}

Hope it helps!

4

Hi @jondrej

The header height does adjust with your logo size. Make sure to remove the padding of the header.

  1. From your Admin Page, click Online Store > Themes >Customize
  2. Click Header, and make sure you set the padding to zero

made4Uo_1-1668740763985.png
made4Uo_1-1668740763985.png1897×880 135 KB

5

Hello,

thank you, but It didn’t solved the problem It just make the logo smaller. I need the logo bigger and the paddings even smaller. the logo doesn’t look there good because the bazzels are too big I want to keep the logo same big, but paddings smaller.

Thank you very much.

6

Hi @jondrej ,

Please send your site and if your site is password protected, please send me the password. I will check it.

7

Hello @LitExtension

Website: fetmacademy.com

Password: skeogu

8

Hi @jondrej ,

I checked and your logo is currently having too large white top and bottom spacing, so you just need to edit and re-upload the logo, it will work fine

9

hello @LitExtension

I tried to reupload the logo and It is still same issue.

10

Hi @jondrej ,

Go to Assets > base.css and paste this at the bottom of the file:

.header__heading-link {
    padding: 0 !important;
}
11

Hello @LitExtension already solved the issue just set the log to smaller resolution istead of 500 x 500 to 500 x 180.

12

Hello @LitExtension thanks for your help.

1 Like