how to change the letters in main menu bar 20-12

in this class (search for) “.main-navigation li” replace 1.428 in “line-height: 1.42857;” with something else you like that would fix.

@shamratdewan – please do not suggest that people modify theme files as those changes will be lost when the theme (or WP in this case) is updated.

In this case, CSS should be ADDED to custom CSS to make the changes.

@stan pauler – try adding this to your custom CSS – and change the font size to what you like:

.main-navigation li {
    font-size: 0.857143rem;
}

thats true and expected change as well

its ok… for the sub menu items on the same bar? how i change them? Thanks a lot for help… w8ing for your answer!

Looks like you have a bunch of other code in your custom CSS file:

.main-navigation li a:hover,
.main-navigation li ul li a:hover {
 color: #c5f5ff;
 background: #000000;
}
.main-navigation li ul li a {
 background: #000000;
}
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/el_GR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
.main-navigation li {
    font-size: 2 rem;
}

You can’t put anything except CSS in a CSS file – so take all that out.

its ok… for the sub menu items on the same bar? how i change them? Thanks a lot for help… w8ing for your answer!

Try this for those:

.main-navigation li ul li a {
    font-size: 2rem;
}

THANKS SIR

You’re welcome — and BTW, I’m female :)!