Bolded menu not responsive

Hi there,
I am hoping you can help me.
I am trying to bold the font in my top navigation menu as several beta testers said it was difficult to read on some of their devices.

I did that successfully, but now the menu is not responsive in the middle state of the browser (so if I minimize my full browser but before i hit the breakpoint to mobile)

Is there anything I can do about that?
It being either on the same line of defaulting to mobile hamburger would be ok.

Site: https://dev.zanisfurryfriends.org/

hey there

Hope you are having a good day and thank you for your question :slight_smile:
Please add this CSS in appearance - customize - additional CSS

@media only screen and (max-width: 990px) {
.nav>li>a { padding: 10px 8px;}
}

Thanks!
Colorlib Support Team

TY so much -
what ended up working to make it fit and center, is messing with padding and font size

@media only screen and (max-width: 990px) {
.nav>li>a {
padding: 20px 4px 4px 10px;
font-size:11px; }
}

TY for setting me on the right path

Worked like a charm!!! PERFECTQ!
Thank you so much!!!

That’s great :slight_smile:
I will close this case now, Feel free to contact us again if you have other questions Thanks!