Horizon theme error - minor, but still

Technical Q&A
1

I noticed on the collection page of my website that the side panel with filters on the left has a white element below the filters that overlays the entire website. It can only be seen when scrolling down past the filters section on the left when it overlays the logo (see screenshot for the white gradient overlaying my logo).

You can test it here using a desktop or on any collection page: https://3rdday.co.uk/search?q=forgiven&options[prefix]=last&page=1

Screenshot 2026-02-02 at 13.09.21
Screenshot 2026-02-02 at 13.09.21720×396 22.8 KB

2

The issue here is your form and search facets have a higher z-index causing it to overlay the header. You need to lower the z-index on class .facets__actions. Look for class .facets__actions in your css file and change it to position: relative and set z-index: -1 you will see it is gone.

4

HI @3rdDay

Try to add this code to the end of assets/base.css

@media screen and (min-width: 750px) {
    .facets__actions {
        z-index: 1;
    }
}