font size of my menu items

[svavakim]

Hi there,

does someone know how to decrease the font size of my words in the menu items in an easy way?
I have
HOME CHEMISTRY NOBELISTS LANGUAGES ABOUT STUDENT FEEDBACK CONTACT
see here:
https://svavakimwetzel.com/index.php

And I would like to replace NOBELISTS with NOBEL PRIZEWINNERS.
When I change it to the longer word, the list of menu items breaks into a second line, but it doesn't look good. I would like to keep all 7 menu items in a single line.

Can you help me to fix that?

Many thanks and stay healthy in our pandemic times,
Svava

[AMurray]

The normal way is to create custom css in the user.css file for your template.

The CSS class controlling the menu font size I believe is called ".navbar-inner" (someone may correct me - I'm just identifying what I believe to be the correct CSS that from the browser's console ("inspect element")).

Create/Edit the user.css file for your template and place

Code: Select all

.navbar-inner {font-size:XXpx}

where "XX" is the font size you desire - this will affect all menu items in the top menu.

As far as the menu line 'wrapping' to the next line, that's a constraint of the template - or of the DIV container that holds the menu nav bar. I'm not sure about the CSS for this. Someone else may have an idea.