Replace the default header

General
1

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;
}

3

Hi,
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).

4

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

5

I want to completely replace the default header from my listing and search pages so that it matches the header on the rest of my site, which is a different theme. What is the best way to do this? I am not a professional web designer and this is my first time using WordPress, HivePress, or any of it.

6

Hi,

Please check this topic.