Question on Header Height Once you scroll down

Question

Hi there,

I believe this question has to do with the Sticky Header...

Once you scroll down, and the logo and menu items shrink, is there a way to make the space above and below smaller...
Seems like it is padded above and below. (maybe 50 pixels each).
Can I shrink this?

If possible, I would like the padding as little as only 5 pixels above and below.

Thank you!!!

Hope everyone is well!!

SemiColonWeb · Accepted Answer

Hello,

The Logo Used at the moment already has extra padding in the Image, which is why it looks like it has larger padding. Currently, with the Built in settings, you can only change the Header Height to a certain height for Sticky Headers using this CSS generator: http://support.semicolonweb.com/header-height-css-generator/ . However, if you need further enhancements/customizations, you will need to do this manually.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Thank You, and we hope you are are well. Stay Safe and Healthy.

7Lexen7 · Answer

Thank you! Once i generate that code can you tell me where I put it? Thanks again!

Semicolon Web · Answer

Hello,

You can add your custom classes using the css/custom.css File. Complete instructions to use this File can be found in the Documentation > Start > Customization Section.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.