Editing padding on main menu items

sourbrick

I have noticed there are options to edit the logo top and bottom padding. This is a great idea and I was wondering if there is a simlar setting for the menu items. I would like to edit the padding top and bottom for the main menu items which would result in the menu button being higher. This may already exist, but I cant find it. Please help. Thanks.

Air

Hello :-)

Nope, there is no setting for this in panel but you can easily achieve it with custom CSS:

.top-menu li a, .top-menu li span.title {
    line-height: 40px;
}

With kind regards.

sourbrick

Hi. Ok no problem.

Thanks for that custom css code. It worked very well.
I am having another small problem as a result though. The arrows (to indicate a sub menu) are now not not centered vertically / in line with the text. Is it possible to achieve this?

Also, I am loving the theme. Very nice looking design and very unique.

I appreciate your help and thanks again in advance.

Air

Ooo yeah, arrows:-)

Use this custom CSS also:

.top-menu i.sub-mark {
    height: 40px;
    line-height: 40px;
}

I am glad theme is working fine for you:-)

With kind regards.