[Resolved] Making navigation items smaller

[Onur Asıliskender]

Hi, thanks for the theme first of all. In my website I have too much page that nagivation menu becomes 2 line in given container width. I want to reduce item size(reduce font size, box size) so that navigation menu could be single line,without expanding the width of the container. I want to do it with custom css, but i couldn’t find related codes. If you help me, i will be very thankful.

http://iscturkey.byethost15.com

[Tom]

Hi there,

If you have GP Premium, you can reduce the font size of the menu items, and reduce the left and right padding of each item so they take up less space.

If not, you can use CSS. However, you have a lot of menu items, so things might be a little squished:

.main-navigation .main-nav ul li a {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 13px;
}

[Onur Asıliskender]

It works, thanks

[Tom]

You’re welcome 🙂

[Author]

Posts