css to make main menu font smaller on desktop / tablet

Hey TagDiv team:

Can you give me the css to make the font smaller on tablets and desktop main menus?
Fox example, I’d like the font size to be 8px and NOT bold.

Also the smaller font size might look better with a smaller menu box height…so can you provide me with css to change the menu box height as well?

(PS – in future editions, you might want to add this as an option in your theme panel!)

Thanks,
eFromDC

Hi

Try this css in theme panel > custom css: http://screencast.com/t/WIlobisQXp

@media(min-width: 768px){
#td-header-menu .sf-menu > li > a, .sf-menu ul .td-menu-item > a{
font-size: 8px;
font-weight: normal;
}
}
.td-header-main-menu{
height: 30px;
top: 15px;
}
.td-main-menu-logo, .sf-menu{
position: relative;
top: -5px;
}

You can modify the values as you like.
Thanks for the suggestion, I’ve added it on our list and we will consider it for next theme updates but we must choose carefully what features will implement as we have over 250 requests on our list, and the user always must get what is best from us.

Thanks!

• This reply was modified 10 years by Andrei L..

Thanks!