- This topic has 17 replies, 3 voices, and was last updated 4 years, 1 month ago by Tom.
February 13, 2017 at 4:32 pm #278400Ronald
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/
RonGP Premium 1.2.94February 13, 2017 at 4:39 pm #278405LeoStaffCustomer SupportFebruary 13, 2017 at 4:51 pm #278410Ronald
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!February 13, 2017 at 7:41 pm #278446TomLead DeveloperLead Developer
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 🙂February 15, 2017 at 7:40 pm #279445Ronald
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?
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!February 15, 2017 at 7:46 pm #279452TomLead DeveloperLead Developer
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 🙂February 16, 2017 at 12:04 pm #279853Ronald
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!February 16, 2017 at 2:39 pm #279944TomLead DeveloperLead DeveloperFebruary 17, 2017 at 5:00 pm #280400Ronald
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.
RonFebruary 17, 2017 at 5:07 pm #280401LeoStaffCustomer SupportFebruary 17, 2017 at 5:27 pm #280404Ronald
Yes, I have GeneratePressVersion: 1.3.44February 17, 2017 at 5:39 pm #280405LeoStaffCustomer SupportFebruary 17, 2017 at 5:47 pm #280407Ronald
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.
RonFebruary 17, 2017 at 7:56 pm #280439TomLead DeveloperLead Developer
Thanks for pointing this out! Fixed in the next version.
For now, simply set a navigation text and text hover value in those options.February 18, 2017 at 5:29 am #280561Ronald
“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.
- You must be logged in to reply to this topic.