Hide/Disable Archive Header

Can you give give a link to a CATEGORY archive page on your site? I checked your site but couldn’t find any.

I just have the one category right now, which I titled “blog” in the link above.

If I understand you correctly, your category name is “blog”, but you’ve tweaked the category permalink from the default /category/blog/ to just /blog/. This is what got me confused!

I tried to view your page’s HTML source to check the code and give you an appropriate CSS selector that should do the trick. But it seems you’re explicitly forbidding this, as I’m seeing the alert: “You’re not allowed to copy content or view source”.

Of course, I could easily bypass that in a fraction of a second… but I try to live my life by principles, and I’m choosing to respect your warning and not do what you say I shouldn’t do.

Good luck!

I completely forgot that was on. I disabled it.
So basically I have a custom header on the homepage. And a second custom header on all the other pages & posts. That 2nd custom header is my just my navigation in the custom header section.

I want my /blog/ to look like the pages & posts (no image for the header, just a navigation bar). I am trying to figure out how to disable/hide that header image on /blog/. The CSS I posted before does remove the header, but it is also removing the “Blog” category title.

So the look I am trying to achieve is the look I have on all the pages & posts (aside from the homepage). If that makes sense.

Thank you for responding.

Sheila

Thanks for the detailed explanation. I was actually not sure what you meant by “header”, as the HTML element “header” can be used anywhere, and not necessarily the top part of a site that we commonly call header.

Try this custom CSS:

.category .elementor-element-aadfa88 {
display: none;
}

You may also need to add .category #top-bar {padding-top: 0;} to reduce the dark space at the top (before the double lines) to be the same as the other pages.

Standing by for feedback.

Unfortunately it didn’t work. I am about to call it a day and see if I can find some more out tomorrow. I appreciate your help.

The code should work. But your implementation is faulty!

Here’s what I see in your site:

.menu-bar::after{font-family:david libre;content:"Menu";position:relative;padding:5px 5px 5px 5px;text-transform:uppercase;color:#FFFFFF!important;.category .elementor-element-aadfa88{display:none}.category #top-bar{padding-top:0}

As you can see, your custom CSS with the selector .menu-bar::after was closed with a closing bracket } before you added the code I gave.

Okay I will try that in the morning. Appreciate it!

Awesome. It worked. Thank you! I have been messing around with it for days.