Skip to main content

Search Divi Plus Documentation

Search for answers or browse our knowledge base.
Explore Divi Plus's Live Demo

Print

Make the DP Team Slider responsive

Overview

The DP Team Slider can show a different number of team members on desktop, tablet and phone. This is set with Number Of Members Per View, which has its own value for each device.

If only the desktop value is set, tablet and phone reuse it. That’s why 4 members show on every screen.

Steps

  1. Open the page in the Divi Visual Builder and click the gear icon on the DP Team Slider module.
  2. Go to the Content tab and expand the Slider group, then stay on its General sub-tab.
  3. Hover over Number Of Members Per View and click the device icon (Edit Responsive Values).
  4. Set a value for each device: Desktop 4, Tablet 2, Phone 1.
  5. Click Save.

Recommended values

These values work well for most layouts. Other settings in the same Slider group can be set per device the same way, wherever the device icon appears on hover.

SettingDesktopTabletPhone
Number Of Members Per View421
Number Of Slides Per Group111
Space Between Slides20px20px10px

Check the result

Use the tablet and phone icons in the Visual Builder’s top bar to preview each size, or open the live page on a phone.

  • Still showing 4 on mobile? Clear your caching plugin and browser cache, then reload.
  • Only the desktop value changed? Make sure you edited the tablet and phone tabs in the responsive editor, not just the desktop field.
  • Cards look squeezed on tablet? Lower the tablet value to 2 and reduce Space Between Slides.
Table of Contents