[Resolved] Can we fix at the top the secondary menu during scrolling down?

[Sara Genone]

Hi all
I need to fix at the top (into the sticky navigation bar) the secondary navigation bar ?
Is it possible to do that in desktop and also mobile view?
Thank you in advance for help
Sara

[David]

Hi there,

you would need to:

1. Disable the Sticky Navigation and Sticky Mobile Header options.
2. Replace your current sticky CSS and use this:

.site-header,
#mobile-header,
#site-navigation,
#secondary-navigation {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.site-header,
#mobile-header {
    top: 48px;
    z-index: 1000;
}

#site-navigation {
    top: 198px;
}

[Sara Genone]

Thank you David
Sara

[David]

You’re welcome

[Author]

Posts