Archived topic
Main navigation use container background
17 replies · Started by Harris on July 9, 2018
Hello,
Prety sure that this should have been already answered in here but I can't find it. Probalbly not searching properly.
What I want to do is to have a main navigation and logo with a transparent backround and all this to sit over the main container content.
Hence the main container content (the part of it that fits) to show behind the navigation (& logo).
I guess this can be done by placing the main container starting at 0,0 pixels on top of screen and adjust its z-index.
Is there some other way to achieve that in GP?
I attach a screenshot of the design just in case it helps making it more clear
The orange line on the top is part of the blue image (part of slider) and the slider is full screen height.
Thanks
Harris
Hi Harris,
you can use GP Page Headers - this documentation covers that module. You will be interested in the merge with site header:
https://docs.generatepress.com/collection/page-header/
The first two articles cover off ways of merging with the site header.
Hello David,
Site will be built with elementor and I'm not sure if using page headers will help to anything more as rest pages will be unique.
I guess there must be some way to do it w/o page headers.
Thanks
Harris
P.S. Really happy to see you here! I guess I haven't used the support for some time... :)
Thanks Harris, slightly higher level of conversation goes on here ;)
You can give the first article a shot,
https://docs.generatepress.com/article/merging-header-navigation-content/
This is without any pageheader content, it will just pull the content area behind the header.
You can also enable them page by page. Might also be worth waiting for GP 1.7 which brings easy conditionals into play.
Thanks David!
I will check it.
I want it for all pages, so at the moment I'm fine!
Let me know how you get on!
Hello again David
Just to make it sure before I start.
The link says that this method "doesn’t help if you’re using a page builder like Elementor or Beaver Builder to build your page and need to achieve the same effect"
Should I take that seriously?
Thanks
Harris
Hi Harris, that statement is referring to the other article which would involve adding content to the page header, the method linked here: https://generatepress.com/forums/topic/main-navigation-use-container-background/#post-619378 should work, although who knows what will happen with Elementor nowadays lol
Sorry for keeping bothering you, but got a bit consused.... :)
You mean that i should go with that
https://docs.generatepress.com/article/merging-header-navigation-content/
and the included (to that link) text “doesn’t help if you’re using a page builder like Elementor or Beaver Builder to build your page and need to achieve the same effect” refers to the article provided in the other link you gave me?
Yep just follow the instructions on that link. Ill keep my fingers crossed lol
By the way... I want to add it behind the main navigation container (navigation + logo) and not the header.
What do I change for that?
Followed the instructions up to now but nothing is shown (I guess because header is empty?)
Do you have a link to the site?
Just added it to the site field on the top.
Don't expect to see much of a site yet though :)
Looks like you have the site header and the navigation disabled?
No David, unless some other setting overrides that one
https://i.gyazo.com/6b795c186a54cc718967ca6f2d552c4c.png
