[rojtalbot]

The menu height is too big for the long columns that result. See the Our Members menu column. I need to add many more items.

http://biz139.inmotionhosting.com/~middle45/middletonrecreation.org/test/

[Sakin]

@rojtalbot: First, remove the following css from your “Appearance => Theme Options => Custom CSS” box.

#header-menu ul.menu ul { height: 35px; }
#header-menu ul.menu ul a { height: 35px; }

Then add the following css in “Appearance => Theme Options => Custom CSS” box.

.header-sidebar .widget ul.menu ul {
    width: 195px;
}
.header-sidebar .widget ul.menu ul a {
    font-size: 13px;
    line-height: 1.4;
    padding: 7px 15px;
    width: 165px;
}

[rojtalbot]

That is much better but still needs to tighten up more.

[Sakin]

@rojtalbot: Try replacing previous css with the following:

.header-sidebar .widget ul.menu ul {
    width: 200px;
}
.header-sidebar .widget ul.menu ul a {
    font-size: 13px;
    line-height: 1.4;
    margin: 0;
    padding: 6px 10px;
    width: 180px;
}

This is maximum that I can reduce.

[rojtalbot]

Yes! Perfect! Thanks!

[SungJu]

My site is http://www.ginsenghut.com, using Simple Catch pro. I did put the css code you mentioned it to reduce menu height.

However, my menu height is still high. Is there any other way to reduce the height?

Thank you so much Sakin.

[Sakin]

@SungJu: Please post in appropriate forum. This is for Catch Kathmandu theme, that is why it will not work in your site. For Simple Catch Pro theme, you need to use forum http://catchthemes.com/support-forum/forum/simple-catch-pro-premium/

So, to reduce the height of your menu, you can reduce the line-height in the following css and then you need to reduce top as well. Otherwise, your submenu will not work.

#access ul li a { line-height: 48px; } 
#access ul li ul { top: 48px; }

[Author]

Posts