[Support request] Adding Home Header elements + CTA to a new page

[Robert]

Hi,

I would like to recreate the Catalyst Homepage using Generateblocks.

My problems:

– “A FULL WIDTH CALL TO ACTION ROW”: How do I create full weight CTA grid?
– Home Header Elements: How do I assign the existing Catalyst Home Header element to a new page? Right now I have only the navigation header with links and logo, but merged blue-ish featured background is missing.

Thanks!

[Leo]

Hi there,

– Have you tried using a full-width container?
https://docs.generateblocks.com/article/container-overview/#standalone-block

– Add the new page under the display rules of that home page header element:
https://docs.generatepress.com/article/header-element-overview/#display-rules

[Robert]

Thank you Leo! It solves my problem with the header elements, but the CTA full width doesn’t work. I set it to full width, but still there is a smaller container in the middle of the site.

Why?

[David]

Hi there,

can you provide a link to your Site ?
You can edit the original topic and use the Site URL field to share the link privately.

[Robert]

Hello David,

to be honest, I let the Catalist go and I installed the elementor page builder. SO GP will stay as a theme, but I dropped everything else.

DO you know how can I merge the theme navigation and the elementor page? Right now I have a huge white gap and an id like Elementor #1537.

thanks in advance!

[David]

I would need to see the site so i can see where the Elementor #1537 is coming from.

[Robert]

Hi David,

I updated the site url, can you please take a look? My idea is to remove the Catalyst blue header element and just have a regular navbar without the Elementor id and the whit gap. Thank you in advance!

[David]

So Catalyst used a Header element:

https://docs.generatepress.com/article/header-element-overview/

You can delete it from Dashboard > Appearance > Elements.

To remove the content title ( Elementor #…. ) – edit the Post, not in Elementor and Disable the Content Title by clicking the little Eye icon that appears to the right of the Title.

[Robert]

Yeah, id is gone, header element is disabled, but still there is a big white gap. Do you have any idea why?

[David]

I would recommend setting the Page Builder Container: Full Width

https://docs.generatepress.com/article/page-builder-container/

This will remove all of the Theme padding and spacing from the page. You can control all padding and width settings in Elementor sections.

[Robert]

I was able to modify it, but I am unable to set the background of the full navigation. If you can see, just the menu items has background, everything else is white. How am I able to modify the whole section colors? I checked all the colors options, but no luck. I hope this is my last question. 🙂

[David]

The Navigation is set to Align Right which places it inside the Site Header.
So simply the set the background to match in Colors > Site Header

[Robert]

I found it. Is it possible to merge the elementor header and the site header(navigation)? Because using the same color, there is a border line between those two elements 🙁

[David]

You can use a Header Element:

https://docs.generatepress.com/article/header-element-overview/

The only thing you need to do with the Header Element is enable Merge with Content on the Site Header tab and set your display rules.

[Author]

Posts