Hi there,
1. Replace this existing CSS:
.separate-containers .inside-article {
box-shadow: 0 0 27px 0 rgba(214, 231, 233, 0.52);
border: 1px solid rgba(0,0,0,.05);
}
With this:
.separate-containers .inside-article, .separate-containers .sidebar .widget {
box-shadow: 0 0 27px 0 rgba(214, 231, 233, 0.52);
border: 1px solid rgba(0,0,0,.05);
}
2. Have you tried the navigation search feature?
https://docs.generatepress.com/article/navigation-search/
Also the header/navigation layout you are going for might be better if you use this method:
https://docs.generatepress.com/article/navigation-as-a-header/
This will be an option starting in GP Premium 1.8 which is already in release candidate 2:
https://generatepress.com/gp-premium-1-8/
Let me know if this helps 🙂