Can't filter catalog on mobile without lots of scrolling
Steps to reproduce:
1. On mobile device (iPhone 6S), go to http://www.rifftrax.com/catalog
2. Scroll to the bottom to try to get to the filters.
Expected Result
You see filters and can change them
Actual Result
The page keeps lazy-loading more movies in the catalog.
Since the site is responsive, it's probably pushing the filter section to after the catalog, but when the browser gets to the bottom of the catalog, it loads more episodes. Now the filters get moved down to underneath the next X episodes that loaded. Unless the loading fails or you have the reflexes of a Pumaman, you'll never be able to choose filters.
Anonymous
shared this idea
-
aswetnatex
commented
The issue of not being able to access filters on mobile devices, such as the iPhone 6S, when browsing the RiffTrax catalog arises because the responsive design pushes the filter section below the catalog, which continuously lazy-loads more movies. This creates a frustrating user experience where filters are nearly inaccessible due to their constant displacement. A better approach would be to implement a sticky or easily accessible filter menu at the top or side of the page, ensuring it remains visible regardless of scrolling. For inspiration, you can check out Sego's Zero 50 (https://segoexperience.com/pages/zero-50) page, which provides an intuitive and seamless browsing experience with easily accessible options, even on mobile devices.