[Resolved] Sticky menu "clear", no header, part of background, no transition

[Ronald]

Simply trying to do the “clear” sticky menu atop a section with background image. Unfortunately, the sticky menu is not visible on page load. Only visible after scrolling down. Any suggestions? Will send login info…

view here – temporary location http://us22.siteground.us/~codirect/streamlan.com/

Thanks!
Ron

[Leo]

Hi Ronald,

Not too sure what I am looking at?

The entire is controlled and covered by page builder. You might want to check the settings in Elementor.

Let me know.

[Ronald]

Well, let me abandon what I’ve done entirely and ask: How can I have a GeneratePress “clear” sticky navigation over a section with the background image? This is very common …. I just don’t see an easy way to do it in GP. Thanks!

[Tom]

Hi Ron,

You can have a transparent navigation over the first section of your website like this: https://docs.generatepress.com/article/merging-header-navigation-content/

Very popular look right now.

Are you wanting your sticky navigation to be transparent? That can cause some readability issues if you go over a section that has the same background color as your text color.

Let me know 🙂

[Ronald]

Thanks Tom. I tried it to no avail. I think the instructions you linked to may make too many assumptions. At least it does for me :).

“Our first step is to build your page with the page builder of your choice. You should have it all set up with your header/navigation sitting on top of it.”

“your” and “it”?

An instructional video would be great. Does one exist for merging header navigation content?

Thanks Tom!

I’ll throw out my dream scenario, if anyone wants to take it on. Elementor (I’m using) offers “fit to screen” with a background. So, I’d love the viewport to consist of a background image with a clear navigation at the top [incorporated atop the background image]. Now, when one scrolls past the viewport, the clear nav adopts a solid background color [to address, as you say, the readability issues]. Scroll back up into the original viewport area and the nav returns to clear.

Thanks Tom!

[Tom]

Here’s a video showing how to do it thanks to Adam: https://www.wpcrafter.com/transparent-headers-generate-press-wordpress-theme/

Let me know if that gets you closer 🙂

[Ronald]

Oh WOW! That’s awesome! Love it Love it Love it! What tripped me up is that I was doing settings in the customizer and not on the actual page. Good stuff!

[Tom]

Glad it helped! 🙂

[Ronald]

Tom,

Everything was going beautifully until I ran into this https://livelakelivingston.com/blog/

Notice: Undefined index: page_header_navigation_text in /home/codirect/public_html/LiveLakeLivingston.com/wp-content/plugins/gp-premium/page-header/functions/functions.php on line 137

I mirrored all the header settings from the home page, but no-go on the Blog page.

Any ideas? Let me know if you want to login and look.

Thanks,
Ron

[Leo]

Hi Ronald,

Can you make sure you are using the latest version of GP Theme? We are currently on 1.3.44.
You can check in Dashboard > Appearance > Themes.

Let us know.

[Ronald]

Yes, I have GeneratePressVersion: 1.3.44

[Leo]

Tom says turn off WP Debug to remove the notice for now and that it’ll be fixed in the next version.
https://codex.wordpress.org/WP_DEBUG

Thanks for finding the bug 🙂

[Ronald]

OK, thanks! Tell Tom he is free to use my site as a test bed for the update … update testing. The site is in development and simply staged temporarily at this domain for development. Hopefully a resolve will come quickly.

Ron

[Tom]

Thanks for pointing this out! Fixed in the next version.

For now, simply set a navigation text and text hover value in those options.

[Ronald]

“For now, simply set a navigation text and text hover value in those options.”

Unfortunately, it didn’t help. Same error. Entered all values. Cleared cache …. error remains.

[Author]

Posts