Change dropdown menu font size and sidebar font size

Hi there,
I have 2 questions please:

  1. I have enlarged the font size in my nav bar menu, but the dropdown menu has stayed small. What is the code for changing this please? My site is

  2. I would like to change the font in the sidebar (menu title and sub-headings).

I have tried various options previously mentioned on the forum but nothing has worked so far.

Many thanks for your help!

Hello there,

I hope you are doing well today.

This is the CSS that affects the drop down:

.main-navigation .menu > li > ul li a {
    color: #8c979e;
    font-size: 22px;
    text-transform: none;
    font-weight: 400;

What sidebar are you referring to in the 2nd issue?

Best Regards,

Thank you so much for this, it has fixed the size of the dropdown menu perfectly!

In the second question, I was referring to the side bar that appears on all pages except my home page. I have a navigation menu widget and I was hoping to change the size of the title and the menu items. I can work around it by pasting custom html text if necessary instead, but it would be nicer to use the navigation menu widget if this was possible?

Many thanks again!

Good evening Sarah

Please use this css:

.widget.widget_nav_menu > div ul li,
.widget.widget_nav_menu ul li {
padding-bottom: 0px;
margin-bottom: 0px;
.widget.widget_nav_menu .menu > li a {
font-size: 14px;
font-weight: bold;
color: black;

Thank you, that works great! The support is much appreciated :slight_smile:

If you’re happy with our service, don’t forget to rate us: [Shapely] Reviews |

This ticket is closed