Pinned menu puts entry on two lines

matt · September 2, 2020, 11:47am

Hi @PaulSutton, the CSS property you’ll want to use here is white-space: nowrap – this tells the individual links not to wrap the text inside them.

All together, with that .pinned section cleaned up, this CSS should work:

.pinned {
    color: #0000ff;
    background-color: #ffffff;
    font-weight: 900;
    white-space: nowrap; /* Prevent links from wrapping */
}

body#collection header nav {
    overflow-wrap: break-word; /* Allow overall nav to wrap links */
}