Hide a menu from the blog category page

Site URL: https://dave.online/writings

I have a site I blog on with three primary categories. I built a little menu at the top of the page that will display the blogs within a specific category, and I want that displaying on the /writings page. But when someone clicks it and goes to say, /writings/category/travel I want just the blogs to show without this menu.

Any help would be amazing. Thank you!

Hide Menu, or Hide header (logo, menu, button) or hide both header + header banner?

15 hours ago, tuanphan said:

Hide Menu, or Hide header (logo, menu, button) or hide both header + header banner?

I want to hide this menu I made on the page that sorts by categories. When someone clicks a category, I want just the blogs to load without this menu at the top. Thanks so much!

On 10/9/2022 at 7:48 AM, daveneedshelp said:

I want to hide this menu I made on the page that sorts by categories. When someone clicks a category, I want just the blogs to load without this menu at the top. Thanks so much!

You mean hide red circle slide on screenshot??

13 hours ago, tuanphan said:

You mean hide red circle slide on screenshot??

Yep, thanks!

On 10/12/2022 at 5:39 AM, tuanphan said:

Add to Settings > Advanced > Code Injection > Footer

<script>
  if (document.location.pathname.indexOf("/writings/category/") == 0) {
    document.querySelector('body').classList.add('t-category')
}
</script>
<style>
  body.t-category .user-items-list-item-container[data-section-id="633f26654feea6653e15003b"] {
    display: none;
}
</style>

 

That is perfect. Thank you so much!