Menu top margin and sticky menu

[David]

Hi Tom,
A few weeks ago you gave me the CSS below to adjust the menu top margin.
It works fine, but I just realised that it has a side effect – if you have the sticky menu turned on, there is a gap of the 60px, so the menu is not flush to the top of the page…
Any thoughts ?
Thanks, Dave

@media (min-width: 769px) {
    .main-navigation {
        margin-top: 60px;
    }
}

[Tom]

Try this:

@media (min-width: 769px) {
    .main-navigation:not(.is_stuck),
    .main-navigation:not(.navigation-clone) {
        margin-top: 60px;
    }
}

[Author]

Posts