[Support request] Elements Hooks & Custom Header / Top Menu / Footer

[EZMarketing]

I’m having issues using elements and hooks to create a landing page with a custom top bar + logo + nav in header + footer. Is this something I can acheive by using elements/hooks or is there a better way to get it done?

[Ying]

Hi there,

Questions:

1. Can you show us a mockup to help us understand your request better?

2. What will the layout be for mobile?

3. Is this layout only for homepage?

4. What the layout will be for other pages?

[EZMarketing]

1. On the homepage and all other pages I’m currently using a top bar widget to display a nav block, there is a logo and menu to the right, and the footer is using footer widgets. On the specific page I’d like to be different; I’d like a seperate top bar nav, a different logo, a different wordpress menu to the right of the logo, and for the footer each widget is to be different.

2. The same layout for both the normal and custom header

3. Not for the homepage, but only for one single other page only.

4. All other pages would have the homepage information.

[Ying]

In that case, the easier way is to use:
1) a plugin to use different menus on different pages;
2) a plugin to use different widgets on different pages.
3) a filter like this to have different logo: https://docs.generatepress.com/article/generate_logo/

The other way is to use block element to create a top bar and site footer only for that page, use custom CSS to hide the default top bar (widgets) on that page.
Top bar (hook:before_header): https://docs.generatepress.com/article/block-element-hook/
Site footer (Site footer): https://docs.generatepress.com/article/block-element-site-footer/
Site header (site header):https://docs.generatepress.com/article/block-element-site-header/

[Author]

Posts