Archived topic
Sticky header problem twinkle and Transparent Header
3 replies · Started by Andrei on August 17, 2018
Hello,
I need you help. I have two problems.
First I don't know what is the problem with the sticky menu header because this twinkle when scrolling.
Second I want to have a transparent header that turns into second sticky header on scroll down.
How to achieve this guys because I search in this forum, I saw some videos and nothing happens after i implement that steps. I create a new page Element with this tutotial https://docs.generatepress.com/article/header-element-overview/
I use also Elementor PRO.
Many thanks guys.
Dragos
Hi there,
- Does the sticky navigation problem happen on a page without using Elementor? I have a feeling that the text animation has something to do with it. The layout you currently have can be achieved with this also which might be better: https://docs.generatepress.com/article/navigation-logo/
- I'm not sure what you mean by "I want to have a transparent header that turns into second sticky header on scroll down". Can you provide an example?
Let me know :)
Hello Leo,
Many thanks for the reply.
For the first problem you are right. This problem dont happen to other pages. I will contact Elementor theme to give me some guidelines.
For the second problem I have here an example with what I want to achive. https://omubo.com/home/ or https://www.bigdropinc.com/ but here the sticky navigation need to be another color, not transparent.
Regards
Dragos
That section can be created using our page hero feature:
https://docs.generatepress.com/article/header-element-overview/#page-hero
Then you have the option to merge and set the transparent navigation for that page hero:
https://docs.generatepress.com/article/header-element-overview/#site-header
Then the sticky navigation will still inherit the navigation colors in the customizer setting so it appears to be different when you scroll.
Let me know if this helps :)
