Increase header height | PenciDesign Support

castagnola1984 replied

8 years ago

Customer Reply

Well Sir,

that just did the trick. thank you so much!

PenciDesign replied

8 years ago

Staff Reply

Hi,

Please try do following steps:

1/ Add more this code to Customize > Custom CSS:

\
.site-header.header--s10 .custom-logo, .site-header.header--s1 .custom-logo, .site-header.header--s5 .custom-logo{ max-height: 100%;  }

2/ And change the width for your logo to 161px

Best Regards,

PenciDesign

castagnola1984 replied

8 years ago

Customer Reply

for example I'm trying to increase it from 135 pixel but only the width increases so the logo looses proportionality

castagnola1984 replied

8 years ago

Customer Reply

Nice! ok so increased it to 85 pixels to match another website i'm using as an example. what formula do you use to calculate the size of the logo?

PenciDesign replied

8 years ago

Staff Reply

Hi,

Yeah, you can check option for it via Customize > Logo and Header Options > Custom Main Nav Height( minimum height 35px )

And note that, when you change the navigation height, you should change the width for your logo also to make it better

Best Regards,

PenciDesign

castagnola1984 replied

8 years ago

Customer Reply

that definitely did it. you are a wizard :) . Now that is center I noticed that the logo font size is smaller than the menu font so it makes it look off, so im preety much back to my first question. Is there an easy way to increase header height by 20px so the logo has more space?

sorry for being so annoying and thanks in advance.

PenciDesign replied

8 years ago

Staff Reply

Hi,

Please try change your logo width to 135px and try it again

Best Regards,

PenciDesign

castagnola1984 replied

8 years ago

Customer Reply

Hi thanks for the suggestion. I did it and now my logo looks super tiny, any other suggestions? thanks!

PenciDesign replied

8 years ago

Staff Reply

Hi,

For your case, this issue caused by you did set a width for your logo is too wide => that makes your logo scale. Please go to Customize > Logo and Header Options > change the width for your logo to "96" and change logo padding top to 2px.

That will make your logo center in the navigation.

Best Regards,

PenciDesign

PenciDesign replied

8 years ago

Staff Reply

Hi,

Can you show me your site url to I can take it a look?

Best Regards,

PenciDesign

castagnola1984 started the conversation

8 years ago

Conversation Start

I used your cryptocurrency news and it seems pretty cool. my logo seems to be to big for the header so i was wondering if you could help me to increase the height. thanks