Primary Menu Height | PenciDesign Support

PenciDesign replied

8 years ago

Staff Reply

Hi,

Please replace the code I sent to this code:

\
#navigation .menu li a{ line-height: 38px;  }\
#navigation{ height: 40px;  }\
#navigation.header-2.menu-item-padding ul.menu > li > a, #navigation.header-3.menu-item-padding ul.menu > li > a, #navigation.header-5.menu-item-padding ul.menu > li > a, #navigation.header-8.menu-item-padding ul.menu>li>a { height: 38px; line-height: 38px; }\
.is-sticky #navigation.menu-item-padding, .is-sticky #navigation.menu-item-padding { height: 40px;  }\
.is-sticky #navigation.header-2.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-3.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-5.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-8.menu-item-padding ul.menu>li>a { height: 40px; }\
#top-search>a, .show-search, .show-search a.close-search, #navigation .button-menu-mobile{ height: 38px; line-height: 38px; }\
.show-search #searchform input.search-input{ padding: 5px 35px 5px 0; height: 38px;  }

Hope this help,

Best Regards,

PenciDesign

edgardhomem replied

8 years ago

Customer Reply

Dear PenciDesign,

1) The setting you sent did the job but need some adjusts. When I use search there is a box missaligned. Tried to change other optiions but no sucess.

2) Another issue is when using smartphones. The menu Icon (3 horizontal bars) are missaligned too.

edgardhomem replied

8 years ago

Customer Reply

Great, is was exactly what I wanted !

Thanks for your prompt response.

PenciDesign replied

8 years ago

Staff Reply

Hi,

Please add more this code to Customize > Custom CSS to do that:

\
#navigation .menu li a{ line-height: 44px;  }\
#navigation{ height: 44px;  }\
@media only screen and (min-width: 961px) { #navigation.header-2.menu-item-padding ul.menu > li > a, #navigation.header-3.menu-item-padding ul.menu > li > a, #navigation.header-5.menu-item-padding ul.menu > li > a, #navigation.header-8.menu-item-padding ul.menu>li>a { height: 44px; line-height: 44px; } }\
@media only screen and (min-width: 961px) { .is-sticky #navigation.menu-item-padding, .is-sticky #navigation.menu-item-padding { height: 44px;  } }\
.is-sticky #navigation.header-2.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-3.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-5.menu-item-padding ul.menu > li > a, .is-sticky #navigation.header-8.menu-item-padding ul.menu>li>a { height: 44px; }\
#top-search>a, .show-search{ height: 44px; line-height: 44px; }\
.show-search #searchform input.search-input{     padding: 5px 35px 5px 0; height: 44px;  }

Best Regards,

PenciDesign

edgardhomem replied

8 years ago

Customer Reply

http://www.blogaoponto.com.br/

PenciDesign replied

8 years ago

Staff Reply

Hi,

Please show me your site url to I can take it a look help you.

Best Regards,

PenciDesign

edgardhomem started the conversation

8 years ago

Conversation Start

I would like to change primary menu height in order to have a thinner menu. Is it possible ?