Hey @ChrisB ,
This was a brilliantly easy fix - not sure how I didn’t think about it, but thanks a lot, it fixed it!
I do have one small issue now however. Following the same logic, I went ahead and deleted the body.home from all the other CSS snippets I had for formatting the listing blocks and almost everything worked fine (text sizes, block margins, etc..) on the category pages/related listings too; but, I am not able to “copy over” the CSS I have for padding.
So far, the rule I am using to align text inside the blocks (title, secondary attributes) is leveraging the hp-listing__content hook:
@media (max-width: 767px) {
body.home .hp-listing__content { padding: 10px 8px; }}
While this works for the homepage, it doesn’t work for the category pages. The weird thing about this one is that if I strip the “body.home”, the padding remains broken on the category pages, but it also breaks on the homepage. Not sure what is causing this behaviour, as removing this from all other snippets worked fine.