Menu

Hallo,

ik ben juist begonnen met javascript en bots op een probleem.
Als iemand het venster van mijn website zeer klein maakt kan die de helft van m'n menu niet zien.
Ik heb zoveel links in m'n menu staan dat je er een groot beeldscherm voor nodig hebt. Ik ben dus gaan kijken naar een javascript code.
Ik heb dit, maar het lettertype van het menu wil zich niet aanpassen. Hieronder mijn CSS en JS code.

JS:

var sw, menu;
function screenWidth(){
    sw = screen.width;
    menu = document.getElementById('menu-item')
    if(sw < 1600) {
        menu.style.fontSize = "10px";
    }
}

CSS:

.menu-item a:link, #menu-item, .menu-item a:visited {
    display: block;
    width: 160px;
    height: 50px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #98bf21;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    text-transform: uppercase;
    background: #004A95;
    font-size: 18px;
}

Mvg