The header component from my project does not appear on my webpage. The section exists, but it is not rendering


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

I’ve tried to make the Header-Component appear in the Header-Section, but can’t figure out why it does not show up. Thanks so much!!

Hi there,

To add your Header-Component to your page:

The Components panel can be found in the left sidebar of the Designer. From there:

  1. Locate your Header-Component in the Components panel
  2. Click and drag the component onto your page
  3. Drop it either directly on the canvas or use the Navigator panel for more precise placement
  4. You’ll know it’s properly placed when you see a green highlight and outline around the component when selected

The Navigator panel (located on the left side) is particularly useful when you need to position the header in relation to other elements or want to ensure proper hierarchy in your page structure.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

Thanks. I think I already have the Header-Component on the Home page – structurally, the entire page is Body; the section at the top of the Body is “Header-Section”, and within that exists a “Header-Component”. When I followed the instructions, a second “Header-Component” was added to the Header-Section (which pushed the other elements down on the page), but it (too) was not visible. Some setting seems to be making it “invisible.”

For reference, I tried adding the Footer-Component to the Header-Section. It only shows up with the third column visible (“Protect”); everything else in the Footer-Component is missing.

So, I’m not sure why these elements don’t just “drop in” as I would hope they would. Thanks again – further suggestions welcome!!

Hey @StevieJ ,

Can you set the width of the Header section to 100vw in the highlighted section in the screenshot below:

Or you can reset its value as well. Doing so, will render the header-component as follows:

Hope this helps.