-
hello,
at https://www.dev.beclay.it/seimantova_wordpress/ I need to have both menus sticky. Although it would be better to have both menu have the same styling effect transitions, that is not my primary concern. as of now, I need the secondary menu to be sticky (and I was able to achieve that thanks to other posts published here) and the primary to let some room for the secondary. I’m pretty sure this can be done with custom css, but I can’t grasp how…
this is my custom CSS at the time:#secondary-navigation {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 10001;
}
@media (max-width: 768px) {
#secondary-navigation, #secondary-navigation ul {
display: block;
}
#secondary-navigation .menu-toggle {
display: none;
}
#secondary-navigation {
top: 140px;
}
#navigation-stick {
top: 192px;
}
}can you please point me to the right solution? thank you so much, kind regards
-
Hi there,
Can you try adding this CSS?
@media(min-width: 769px) { nav#sticky-navigation { top: 40px !important; } } -
Thanks Ying, it works just fine 🙂
if I may ask you… could you also be so kind and help me in managing the secondary menu at tablet and mobile screen resolutions too? in detail, I’d like the secondary menu to be shown in a different hamburger menu than the main menu, but couldn’t find a hint or howto…
thank you once again, regards -
Glad it works 🙂
For the additional question, please open a new topic as it’s not related to the original topic title.
In this way, it will be easier for us to categories the topics and more efficient for other users to search for the answer!
Thanks for your understanding!
- You must be logged in to reply to this topic.