[akole]

Hi! I was looking the forum for the subject, but unuccessful.
My question is there any way to shrink main menu hight?
Could you please provide some CSS similar to
.hgroup-wrap img {
margin-bottom: 0px;
margin-top: 0px;
}
which will change the hight of main menu?

Thanks!

[akole]

Update:
I used in Theme options -> Custom CSS
#access {
height: 50px
}
It resulted in the main menu shrinked at the bottom so that the menu items (text) are closer to the bottom of the menu padding now. Next step is to pull menu items up for approx. 10px so that they place in the middle of the menu padding.
Can you advise?

[Theme Horse Support Team]

Hi akole,

To shrink the height of the main menu Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

#access a {
    height: 35px;
    padding-top: 16px;
}
#access a:hover, 
#access ul li.current-menu-item a, 
#access ul li.current_page_ancestor a,
#access ul li.current-menu-ancestor a, 
#access ul li.current_page_item a, 
#access ul li:hover > a {
    padding-top: 11px;
}
#access ul li ul {
    top: 51px;
}

Thank you!

[akole]

Thanks a lot!
I played with height and padding-top, so finally I got what I wanted.

[Theme Horse Support Team]

Ok that’s great akole

Thank you!

[Author]

Posts