Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #1558415
Primary Menu Height
Closed

Comments

  • edgardhomem started the conversation
    April 29, 2018 at 9:51pm

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

  •  2,699
    PenciDesign replied
    April 30, 2018 at 12:21am

    Hi,

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


    Best Regards,

    PenciDesign

  •  2,699
    PenciDesign replied
    April 30, 2018 at 4:03am

    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
    April 30, 2018 at 11:45am

    Great, is was exactly what I wanted !

    Thanks for your prompt response.

  • edgardhomem replied
    May 3, 2018 at 2:25am

    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.

  •  2,699
    PenciDesign replied
    May 3, 2018 at 3:25am

    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