Replace the default header

Hello, I am looking for guidance on how to replace the header-hero section with a custom one. I have tried using Additional CSS, and it seems to be working, but I am not sure if it is the most appropriate approach. Can you please advise me on the best way to achieve this? Thank you.

/* Hide the element with class header-hero__content on all pages */

.header-hero__content {
display: none;

If you mean hiding the default one and adding a custom header to the page content then the CSS you posted should be ok, you can also try this one:

.header-hero {
display: none!important;

You can also try using the existing header, you can add custom content to it if you use the Read More separator in the page content (the content above it will be in the header section).

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.