[Support request] Primary Navigation in GP and Elementor

[Ergin Tamano]

Hi Guys,

I am very to new WordPress and website development so please bear with my questions. I have zero background.

I am trying to replicate the Primary Navigation settings of the Nouveau theme that comes with GP Premium. I also have Elementor Pro. I could very easily just use the theme but I want to know how it’s done.

On the Nouveau theme, I noticed the Primary Navigation seems to be inside the Elementor section. I wanted the same effect where the primary navigation comes in a transparent background that it shows the background image of the section and when you scroll down it sticks and shows a different background.

Here is a screen recording of what I mean.
https://www.dropbox.com/s/2irqg8ge2j3jtoi/GP%20and%20Elementor.mov?dl=0

The first part is of the Nouveau theme and the ugly part is what I’ve come up with.

My navigation menu is outside the section. I tried to do it using Elementor but they don’t have the same static+sticky feature that you have and it just doesn’t look the same.

I have tried to copy the settings for both GP Premium and Elementor Pro but could not seem to achieve the same effect. I can’t provide my website link as I am developing the website locally.

Your advice would be very much appreciated.

Thanks!

[Ergin Tamano]

Hi Guys,

Just an update, I tried to play around with the settings of the theme and changed the navigation location to Above Header, the primary nav lost its transparent background. When I change it back to the original setting which is Below Header, it doesn’t return to its original state.

Here’s another recording.
https://www.dropbox.com/s/0v3hu710hyd2nj4/GP%20and%20Elementor%202.mov?dl=0

Thanks!

[David]

Hi there,

the Noveau header is created using GP Elements > Header, this article here shows Tom demonstrating that. And how to create a merged header.

https://docs.generatepress.com/article/header-element-overview/

Let me know.

[Author]

Posts