- This topic has 22 replies, 3 voices, and was last updated 3 years, 8 months ago by David.
September 13, 2018 at 12:24 am #676028John
I’m not sure how to get rid of this big white section and just have the regular menu I made on Elementor sitewide, including this blog page.
The ABOUT page and SERVICES page and HOME page all have exact same menu bar on top – I need this sitewide and so far I cannot fix this blog page
Thank youGeneratePress 2.1.4GP Premium 1.7.2September 13, 2018 at 6:36 am #676237DavidStaffCustomer SupportSeptember 14, 2018 at 7:38 pm #677577John
YesSeptember 14, 2018 at 7:40 pm #677579John
I created the header on Elementor and I want it on every page.
But the blog page it gets pushed down, and there is big blank white space.
I am not sure how to fix this.
Thank youSeptember 14, 2018 at 7:46 pm #677581John
I’ve disabled everything on the GP Premium options.
I’ve disabled the header.
This works on other pages.
But i cant get tht big white header space fixed.
I’m open to created something and putting it there (like a call to action) but I wouldn’t even know how to edit that white header section.
Preferably I just want it gone.
That or filled in with sometihng proper, but I’m using Elementor for the whole site.
I need this fixed and to know how because I am building websites for clients with GP and Elementor and this will be a recurring problem for blog pages I believe.
Thank youSeptember 14, 2018 at 8:24 pm #677595TomLead DeveloperLead Developer
If you’ve set a custom Elementor header to display there, the GP one should go away by default.
Alternatively, you can use the Elements module to create a new “Layout”. This will allow you to disable the header and apply it to the blog: https://docs.generatepress.com/article/layout-element-overview/September 14, 2018 at 9:35 pm #677604John
Ok so creating the new header element and then publishing it with certain display rules to only show on the blog page and exclude the rest of the site with the exclusion for the blog page?
This problem is only on the blog page. Everything else is fine.
I’d like to build a site with GP Premium next but this site is ELementor sitewide for everything.
I can’t get that white space out of the blog page with this element layout feature I just activated and tried. I deactivated everything and published it with the display rules.September 15, 2018 at 4:58 am #677768DavidStaffCustomer Support
Elementor header template does some odd things, as Tom said it should replace the GP one if the Conditions are set to the Entire Site.
If i have to use an elementor header then my preferred approach is to use GP Hooks to add a normal Elementor template. So Hook Element > Header. Add the shortcode of the template. Check Exectute Shortcodes and then set the display rules.
You could apply the same logic just to Blog page.September 16, 2018 at 7:22 pm #678847John
I see that Elementor lets me export the JSON file,
Can I use this JSON file for the GP Hook or should I be able to get the CSS somehow from Elementor Header Template to make this GP Hook?
As of now this white space remains.
JohnSeptember 17, 2018 at 3:33 am #679027DavidStaffCustomer SupportSeptember 17, 2018 at 4:13 am #679053John
That’s a great feature! I got the shortcode placed in the hook and works great on the blog page and 1 other page I had not had a menu yet.
I may use the Hook sitewide VS building it with the elementor page builder – I wonder if this has any site speed impact either way.
Problem persists. Still need to get rid of the big white space.
The white space is still there on blog page.
Now it has 2 menus, one above and one below the space.
Here is a screenshot of it now: https://www.dropbox.com/s/e8el0229m734aqv/desktop%20whit%20area.png?dl=0
ThanksSeptember 17, 2018 at 4:25 am #679062DavidStaffCustomer Support
which Hook did you add the Elementor shortcode to? The Header Hook should of overwritten the big white space (which by the way is being created by the large image you have in your Customiser > Site Identity > Logo – which you can remove).
So my personal method:
Layout > Element – remove all Elements you don’t need from the Theme – Site Header/Nav/Content Title etc. Set the Pagebuilder container to Full width and set the display rules to Entire Site (or the pages etc. that you build with Elementor). Then use the default template instead of the Elementor Canvas or Full Width.
Then add the Elementor Shortcodes via the Hooks for your replacement theme elements.
Speed wise is no difference, as the content and number of requests remain the the same.
The big difference is that when using the Elementor Canvas it removes all the Theme Hooks and i have seen a few issues where the Elementor theme templates cause problems.September 17, 2018 at 4:37 am #679069John
Wow David very much appreciate this information. I will go over everything again and then set it up exactly as so. Will report back hopefully solved, thank you!September 17, 2018 at 4:42 am #679074DavidStaffCustomer Support
Not a problem.
Just a note that if you use Entire Site in the Display Rules it won’t effect your home page, you will need to add the Front Page display rule as well. And to be safe also add your blog page.September 17, 2018 at 1:43 pm #679587John
Hi David – when removing the logo from Site wide Customizer settings it removes it from me elementor header, as it pulls from that and gives no other option to use a logo.
So I need to use that logo in GP Customizer.
When I removed it, the white space got cut in half but it is still there.
Meaning even activating the Header Hook sitewide, the white space was there.
In Generate Press, when adding a “New Element”
I added a new “Hook”
Or should I be adding a “Header” as the element?
- You must be logged in to reply to this topic.