[Resolved] Navigation problems

[Ender]

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&#8230;./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.

GeneratePress 2.2.2

[Tom]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Ender]

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.

[Tom]

Thank you! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts