Archived topic
Strange behaviour of navigation
15 replies · Started by Emanuel on June 15, 2021
Hi
My navigation has a strange behaviour. When I scroll down, it shrinks like it should. If I shrink back up it grows back but before that you can see a second bar appearing on top of the header image.
If I use standard theme this doesn't happen. So I think it has something to do with Generatepress theme...
Hi Emanuel,
The header built with Elementor has 2 sections in the header area.
The second part is the second bar that you see when scrolling back.
https://www.screencast.com/t/UVHkXTHeX
GP has no control over elements built with Elementor, so I doubt it's a theme issue.
Let me know if you need further assistance :)
Thank you Ying. The strange thing is that it doesn't happen, if I switch to a standard Wordpress theme...
I don't see any GP CSS is affecting the layout, maybe I miss something?
Could you switch to Twenty Twenty one theme then? So I can see what's the difference.
Let me know :)
Can you please write me as soon as you read this? Then I'll switch to 2021 theme. Because I'm working on the page I can't leave it on a "wrong" theme for the whole day...
Can you please write me as soon as you read this? Then I’ll switch to 2021 theme. Because I’m working on the page I can’t leave it on a “wrong” theme for the whole day…
Can you put up a staging site? So the live site doesn't get affected w/ the changes.
This way you can leave the live site using GP theme while we work on test changes.
Don't know if that works. At the moment I work with a preview-URL because the original domain is in use. Don't know if it is possible to make a staging site of a preview site...Don't think so. I ask the hosting provider
Normally, webhosts have that option.
Say, for example, you have http://www.yoursite.com. Generally, webhosts can create a staging site with URL staging.yoursite.com or dev.yoursite.com.
Having this setup is really useful. And it's good practice.
Let us know.
for sure. I thought it's only possible to make a staging site from the original domain. But it seems also to be possible from a preview URL...I'll keep you posted.
Copy that. Let us know when it's so we can check. :)
Staging site is online: https://dev.finanzberatungskanzlei.ch/dev/
2021 theme is activated
I tested on your staging site, if I make the staging site a similar layout as your working site, the same behavior will show:
https://www.screencast.com/t/2uiPwKCfYP
The cause is the second headerelement.
https://www.screencast.com/t/AOg80Kqn
It's set to visibility: hidden;, but it's still taking the space beforethe page, underneath the first set of navigation. When you scroll, the white space that the second header occupies shows up first.
If it's not needed, I would suggest removing it.
Thank you. Can I disable it from Generatepress Settings? Or do I have to do this with some custom CSS?
Thank you. Can I disable it from Generatepress Settings? Or do I have to do this with some custom CSS?
Basing on Ying's replication and findings and my own inspection, this isn't something that can be changed by the theme because the elements in question are added using Elementor Templates.
If you need to do changes on the elements w/ issues, you'll have to do it within Elementor's tools and page builder.
Thank you.
