Archived topic
Navigation problems
3 replies · Started by Ender on March 22, 2019
Hello, I'm still experimenting and have some difficulties with the navigation and need your advice. I'm already using the beta of the theme.
I use two navigations:
Primary Navigation (green) is pinned (sticky without a plugin)
Secondary Navigation (blue) is above the Primary Navigation.
There are Problems with the Secondary Navigation, if the Window is <1000px.
1. The menu should be on the left and the logo in the middle. (different from desktop mode)
2. When pressing the menu button a overlay fullscreen menu should occur. (off canvas probably only works with primary navigation)
Update:
In a earlier version of the website (https://www.dec..../test1) I had solved the problem with a plugin for the sticky effect for the secondary navigation and some settings in the "Mobile Header". I don't know if I'm on the wrong track with the current version.
The easiest way would be to select the second navigation directly without a plugin. According to this statement https://generatepress.com/forums/topic/sticky-secondary-menu/page/2/#post-673193 it should be easy. I am a bit confused.
Hi there,
I'm not sure I fully understand.
Would it be easier if the secondary navigation was sticky instead? If so, what about doing this?:
#secondary-navigation {
position: sticky;
top: 0;
}It might be worth exploring a filter we can add to GPP 1.8 which allows us to set the secondary navigation as the "sticky navigation". I'll look into that :)
Tom, you're a genius!
(I make some modifications for Safari)
#secondary-navigation {
position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;
}And a filter would be really cool thing. Many thanks. I start today to use the new beta. I would inform you when I see need for improvement.
Thank you! :)
