Menu bar on one row

You need to consider compromising the logo size otherwise the necessary font size will be 9px.

I meant before getting into the technical solution, you need to make that choice. Are you okay with that? I think one solution is 100px logo width and 12px font size.

In the “Additional CSS” section of the dashboard add this:

@media screen and (min-width: 768px) {
    
    .logo_col {
        max-width: 100px;
    }

    #drop_mainmenu > li {
        margin: 0 1%;
    }

    #drop_mainmenu > li > a {
        font-size: 13px;
    }
}

@media screen and (min-width: 920px) {
    
    .logo_col {
        max-width: 200px;
    }

    #drop_mainmenu > li > a {
        font-size: 14px;
    }
}

@media screen and (min-width: 1100px) {
    
    .logo_col {
        max-width: 200px;
    }

    #drop_mainmenu > li > a {
        font-size: 18px;
    }
}

https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

Are you sure you copied all my code? You seem to be missing the ‘font-size’ bit here:

...

@media screen and (min-width: 1100px) {
    ...

    #drop_mainmenu > li > a {
        font-size: 18px;
    }
}

• This reply was modified 6 years, 2 months ago by Andrew Nevins.