No two-line menus

Hi Peter-

We can use some screen-width media queries to adjust the breakpoint where the hamburger is displayed. In my testing, your menu splits into two lines at the 1200-pixel mark, so you can use this code in your Customize > CSS/JS Editor menu:

@media only screen and (min-width: 768px) {
.standard-menu-enabled label[id$=-menu-btn] {
    position: relative;
    left: 0;
    top: 1px !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: end;
    align-self: flex-end;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 2;
}
.standard-menu-enabled input:checked~.sm-clean, .standard-menu-enabled input:not(:checked):not(.hidden)~.sm-clean {
	display: none;
	}
}
@media only screen and (min-width: 1200px) {
.standard-menu-enabled label[id$=-menu-btn] {
    position: absolute !important;
    top: -99999px !important;
	}
.standard-menu-enabled input:checked~.sm-clean, .standard-menu-enabled input:not(:checked):not(.hidden)~.sm-clean {
	display: flex;
	}
}