- This topic has 17 replies, 2 voices, and was last updated 5 years, 8 months ago by David.
-
AuthorPosts
-
July 9, 2018 at 7:40 am #619236Harris
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
HarrisJuly 9, 2018 at 7:52 am #619338DavidStaffCustomer SupportHi 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.
July 9, 2018 at 8:06 am #619363HarrisHello 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
HarrisP.S. Really happy to see you here! I guess I haven’t used the support for some time… đ
July 9, 2018 at 8:24 am #619378DavidStaffCustomer SupportThanks 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.July 9, 2018 at 8:26 am #619386HarrisThanks David!
I will check it.
I want it for all pages, so at the moment I’m fine!July 9, 2018 at 8:53 am #619413DavidStaffCustomer SupportLet me know how you get on!
July 9, 2018 at 9:13 am #619430HarrisHello 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
HarrisJuly 9, 2018 at 9:18 am #619441DavidStaffCustomer SupportHi 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
July 9, 2018 at 9:24 am #619451HarrisSorry 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?
July 9, 2018 at 9:25 am #619455DavidStaffCustomer SupportYep just follow the instructions on that link. Ill keep my fingers crossed lol
July 9, 2018 at 9:35 am #619463HarrisBy 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?)
July 9, 2018 at 9:59 am #619481DavidStaffCustomer SupportDo you have a link to the site?
July 9, 2018 at 10:40 am #619513HarrisJust added it to the site field on the top.
Don’t expect to see much of a site yet though đJuly 9, 2018 at 11:03 am #619530DavidStaffCustomer SupportLooks like you have the site header and the navigation disabled?
July 9, 2018 at 11:12 am #619542HarrisNo David, unless some other setting overrides that one
https://i.gyazo.com/6b795c186a54cc718967ca6f2d552c4c.png -
AuthorPosts
- You must be logged in to reply to this topic.