Reduce overall height of the header

[tplusm]

How can I reduce the header height? Tried overriding #jas-header and child divs but its not working. I’d like to override the height mainly of the mid__header that has the nav-menu. Thanks

Attachments:

You must be logged in to view attached files.

[Foster]

Hi,
For this case, Please give me your website URL, I will check and help you solve this problem

[tplusm]

This reply has been marked as private.

[Foster]

Can you please give me password to access your site?

[tplusm]

This reply has been marked as private.

[Foster]

Please use this code

.jas-branding { padding: 40px 0; }
Change 40px to your number

[tplusm]

This reply has been marked as private.

[Harry]

Hi,

I can’t access your site, it now in maintenance mode.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[tplusm]

Hi Harry, i turned off maintenance. it should work now

[Harry]

You add more code to reduce height of header in JanStudio > Theme Option > General Layout > Custom CSS

.jas-menu > li > a { line-height: 60px;}

.jas-branding { padding: 40px 0; }

Reduce 40px and 60px as you want.

Best regards

 

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[tplusm]

Perfect that worked. Thanks as always!

[Harry]

You’re welcome.

Feel free contact us again if you need more help.

We appreciate if you take a time to help us rate for our theme 5 stars at https://themeforest.net/downloads

Thank you and have a nice weekend!

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts