I’d like the media grid or multi-column scrollable with 1 column only on both desktop and mobile. Home page only. Maybe add arrows too for desktop.
The multi-column works well on mobile so I’d like to replicate it on desktop.
Reference (no style)
Topic summary
Goal: Convert the home page media grid (Prestige theme) into a single-column, scrollable layout on both desktop and mobile, with optional arrows on desktop. The mobile multi-column scrolling already works; the request is to replicate similar behavior on desktop.
Latest suggestion: Implement a carousel-like solution by editing theme code to integrate a JavaScript “swiper” library, enabling horizontal scrolling and navigation arrows.
Key terms:
- Media grid: A section displaying multiple media items (images/videos) in a grid layout.
- Carousel/slider: A horizontally scrollable list of items, often with arrows or swipe gestures.
- Swiper library: A popular JS library for building responsive sliders with touch and mouse interactions.
Attachments: A reference image was provided (no styling) to illustrate the desired layout.
Status: No confirmed implementation or code provided yet. The discussion remains open, with a proposed approach (add a swiper/slider via custom code). Actionable next step: integrate a JS slider library and adjust CSS/HTML for a single-column, horizontally scrollable section with desktop arrows.
If you are looking to make like a carousel slider kind of thing you could probably edit code to include a js swiper library for that functionality.
Please reach out if you are looking for something similar
Thanks