A Shopify store owner is experiencing an issue where CSS code is visibly displaying on their homepage beneath a featured collection section. The problematic code snippet (.collection-list-wrapper .card__content { position: absolute; height: 100%; opacity: 0; }) is appearing as plain text on the page instead of being properly executed as styling.
Key Details:
Status: The problem remains unresolved with no responses or solutions provided yet. This appears to be a theme rendering issue where CSS is being output incorrectly, possibly due to a template error or improper code placement.
I added a featured collection to my home page and its now showing the below code beneath the collection?
.collection-list-wrapper .card__content { position: absolute; height: 100%; opacity: 0; }
Obviously I don’t want this showing on the page, so how do you get rid of it?
I’ve not touched any of the code either
website: www.goblinwood.com
theme: minimal