Text overlapping and missing scroll option in mobile view with multiple custom wishlists (in mobile view ) #7942
Description
Description:
When multiple custom wishlists are created, in mobile view the wishlist titles/text overlap with each other, and no scroll or navigation button is available to switch between them. This makes it difficult to identify or access all wishlists on smaller screens.
Steps to Reproduce:
-
Create multiple custom wishlists.
-
Switch to mobile view (responsive mode).
-
Observe that wishlist names overlap.
-
Notice there is no horizontal scroll or navigation to view all wishlists.
Expected Result:
In mobile view, wishlist names should be displayed properly (wrapped or scrollable), and navigation buttons (← / →) or horizontal scroll should be available.
Actual Result:
Wishlist names overlap, and there’s no way to scroll or navigate through multiple wishlists.
Type: Responsive UI Bug
Severity: Medium to High (affects usability on mobile devices)
Possible Fix Suggestion:
Add horizontal scroll (overflow-x: auto) or arrow buttons for navigation.
Use CSS flex-wrap or text-overflow handling for wishlist titles.
screenshot
