Archived topic
Making navigation items smaller
3 replies · Started by Anonymous on March 31, 2016
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.
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;
}It works, thanks
You're welcome :)