Hiding code block that appears on page. Launching Website Soon Please Help!

I recently added a code block to the top of select sections in my Mojave template in order to add a "section" to my primary navigation menu. I'm using only one index page and multiple sections to create a long scrolling website. The issue I have is that the code is visible on the pages and I want to hide it. How can I do this? PS:making the body text overlay transparent would work; however, it also makes the body text on other pages transparent which I do not want to happen. Perhaps a CSS to make body overlay transparent on select pages only? Please help.

@smc1227 Can you share site url?

www.leftrightcenterblog.com @tuanphan Thanks!

@smc1227

Your code is
< id="hot-issues">

It should be 
<id="hot-issues">

To apply CSS on a specific page, you need to use Page ID. See how to find Page ID: https://beaverhero.com/squarespace-how-to/#HowtoFindPageID

For example, you want to apply CSS to the h1 tag, you need to use

#Page-ID h1 {
  font-size: 20px;
 color: red;
}