[Steven]

I’m sure this is a quick one! I just want to decrease the top and bottom padding for the main and secondary menus. I added the following code I found somewhere else on the forum to the Custom CSS section but it didn’t change anything.Thanks.

.nav-secondary ul.menu a {
text-transform: uppercase;
font-weight: bold;
line-height: 44px;
padding:0px 12px 0px 12px;
/* You may add more CSS rules like width, height etc here */
}

.nav-primary ul li a {
text-transform: uppercase;
font-weight: bold;
line-height: 42px;
padding:2px 12px 2px 12px;
/* You may add more CSS rules like width, height etc here */
}

[Mahesh]

@slepoide: Thank you for using Catch Flames Pro theme. There is no top and bottom padding in the menu (primary and secondary) in this theme. Let me know further. And please post in your site url.

Regards,
Mahesh

[Steven]

Thanks. I was just trying to decrease the space above and below the menu text (ie a thinner navigation bar) but I can live with the default. Everything else is exactly what I was looking for!

[Mahesh]

@slepoide: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following:

#header-menu ul.menu a {
    line-height: 1em;
}

Hope this helps.

Regards,
Mahesh

[Author]

Posts