Adding Home Header elements + CTA to a new page

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

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?

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.

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!

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

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!

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.

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

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.

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. :)

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

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 :(

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.