Top Bar content visually hidden on all pages bar homepage, bit still showing on page source

[jackc]

Hello,

I’ve used this code (at the bottom) to hide the top bar on all pages bar the homepage which worked, however, it’s still showing the content (which is a H1 header meant for the homepage) on all other pages.

You can add the url below
https://freespinsnodeposit.ca/casino/
into htage checker to see my issue

Heading tag checker

.x-topbar {
display:none;
}
.home .x-topbar {
display:block!important;
}

[ruenel]

Hello Jack,

Thanks for writing in! I can see that you have added this custom HTML code in your topbar content:

<div class="head"><h1 style="text-align: center; color: #cb0a2a;">FREE SPINS NO DEPOSIT</h1></div>

Even if you visible hide this using the CSS above, it is still loaded on the page. What you have in mind is not working. You may need to place the h1 tag somewhere on your homepage and that is not the topbar content.

Hope this makes sense.

[jackc]

Hello,

That is what i will do as a last result, however, i’ve managed to do it effectively using the code mentioned on another site - http://nodepositbonuscasino.com/

i’ve installed the latest update with the site i’m having an issue with, do you think this could prevent the code from hiding the top bar effectively ?

[ruenel]

Hello Jack,

You must have been using a different on the other site because it does not display visually and even on the page source code. If you can give me access to the other site, we might be able to figure out what code did you use.

Best Regards.