Site logo

Archived topic

Menu top margin and sticky menu

1 reply · Started by David on May 1, 2016

Viewing posts 1–2 of 2

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;
    }
}

Try this:

@media (min-width: 769px) {
    .main-navigation:not(.is_stuck),
    .main-navigation:not(.navigation-clone) {
        margin-top: 60px;
    }
}
This archived topic is closed to new replies.