Long text menus are boring. A “Specials” slider with mouth-watering photos increases appetite and orders.
To solve this, use Div Render Container Slider for Elementor.
Step 1: The Dish Card
Create a child container. Use a Row layout (Side-by-Side).
– Left: Image of the dish.
– Right: Title, Ingredients list, and Price.
Step 2: Slider Settings
Enable Slider Mode.
Set Slides Per View to 2 (Desktop).
Set Effect to Slide or Coverflow (for a 3D menu feel).
Pro Tips for Menus
- Loop: Enable Loop so users can circle back to the first dish.
- Mobile: Switch to
Slides Per View: 1on mobile, with the image on top and text below (using Elementor’s responsive Wrap settings).