How to hide 'Example Product Title' boxes during website update?

[ClaireDonna]

Hello Experts!  We are currently updating our website (rubyandscarlet.com) and product listings.  We have made all products inactive whilst we do this.  On the product pages, however, it shows random 'Example Product Title $19.99' boxes.  Is there a simple way to not show these boxes?  I have found one other question about this and a solution, but I could not figure out how to achieve the solution!  So if anyone could please give me a very simple step-by-step solution I would be most grateful!!  Many thanks in advance. 

[Muhammad_Ali_S]

@ClaireDonna,

The simple solution is to add this code at the bottom of your theme.scss.liquid file.
After making the Products Active, Remove this code.

.template-collection main#MainContent {
    display: none;
}

[ClaireDonna]

Thank you!

[jorgenovo04]

Can I do the same on a dawn theme code that has all products active online, but for some reason its showing the 'Example Product Title $19.99' boxes in some collection pages?

example: https://www.magiccrystals.com/a/search/labradorite-crystal?filter_shop_crystals=gemstone-carvings

[Growfunnel]

How did you solve this? I'm running into the same issue and I'm baffled.