Sidebar covering header

Hi @natalieshan97,

It’s because the Transparent Header is enabled on that page. ?Enabling the Transparent Header will set your Primary Header background to transparent and pull the page content to the top whether there is any content or not. This is how it works. What it will do, it will merge the Primary Header and the page’s content. That means your top part of the page content will be set as a background to the Transparent Header.

Please refer to this doc to know more about the Transparent Header.

I hope it will help. Feel free to reach out to us if you have any further queries.

Kind regards,
Herman ??

Hello Herman,

I have disabled the transparent header but the sidebar is still covering the header… Or I should say, the header is not in full width because of the sidebar. How can I put the sidebar below the header?

Cheers,
Natalie

Hi @natalieshan97,

So, by the header, you meant the title with the background image? Sorry, I thought you were referring to the Primary Header.

Actually, that is how it works. It’s part of the main content, that’s why it’s side by side with the Sidebar. The feature to add the Hero section is not available on the Astra free.

If you are familiar with code, you can add the Hero section with the help of hooks. Please refer to this doc to see Astra’s hooks.

I hope it helps.

Kind regards,
Herman ??