Menu breaks into two lines

Hello @thread404cp,

We can manage with the help of custom css. Please apply the below given css under Appearance -> Customize -> Additional css-

#site-navigation-wrap .dropdown-menu>li>a {
font-size: 12px !important;
padding: 0 10px !important;
}

I hope the above was helpful.

Kind regards,

Manoj

Thank you, although simply making the font size smaller just makes the break point show at an even smaller window (Okay, fair enough, no ones gonna use such a small browser window anyway :P)

But is this the only solution? I feel like some setting might be wrong for it to break into two lines like that?

Hello,

Try to adjust the Left/right padding from the Customize > Header > Menu.
You can also change the breakpoints to fix this issue – Go to Customize > Header > Mobile Menu and change it.

Try to add the below code to the customize > custom css section if the above settings don’t work.

div#site-navigation-wrap {
    width: 70%;
    justify-content: center;
    display: flex;
}