Archived topic
Add a third menu to a page and preserve sticky behaviour
5 replies · Started by Ian on August 2, 2019
Dear Generate Press team,
Thank you for your theme/ plugin and dox. They are excelent
My use case is that we are trying to keep away from dropdown menus and have a very short main header with no sub items. Our 'older' population and some digitally excluded find drop downs confusing... So we would like to be able to open a tertiary menu on specific pages below the main menu but also horizontal. This is similar to:
the issue you address here, and we have the solution working.
https://generatepress.com/forums/topic/add-third-navigation-menu-gpp-1-8/
I'm competent css / html wise, but we would like to include this third navigation menu in the sticky behaviour of the main menu, and on that point I'm struggling to work out what I need to do. I suspect I need to customise the hook itself / add a function to the child theme and add some suitable classes. Unfortunately beyond that suspicion... I haven't had a lot of success. Could you advise?
To clarify: After further forum diving - I've added the class '.main-navigation' to the element that is triggered by the hook and triggered the behaviour 'inside navigation' and I am now getting the behaviour I would like except for one thing the ordering of the third navigation menu relative to the main navigation menu. So I am seeing:
Third-Navigation
----------------
Main-Navigation
----------------
Content
and what I 'need' is
Main-Navigation
----------------
Third-Navigation
----------------
Content'
But I don't seem to see a hook for 'inside-navigation-*last*' e.g. which is perfectly reasonable... Is it possible to write a custom hook to target that?
Just to clarify for support techs thinking about problems with this approach.
1. the number of pages which will have this 'Third-Navigation' menu will be strictly limited to less than say 7. I understand that it will need multiple 'positions' creating and that this will have some overhead - but we judge the usability improvement will be beneficial. Ideally I guess I'd write a hyper efficient plugin...
Hi there,
We could use some CSS flex box to reverse the order of the navigations - any chance you can open the local host to a hosted site so i can see.
Let me know.
Thanks.I'm just doing some content sorting from a previous site and then I will put this in a subdomain of our site / spin something up on AWS and take you up on the flex box idea if I can. So please just hang on. Will be within the next couple of days
The basics of it is this:
@media (min-width: 769px) {
.inside-navigation {
display: flex;
flex-direction: column-reverse;
}
}May need tweaking to suit the style. More than happy to have a look when a live link is available.
