How to set different number of “Slides Per Page” for mobile devices

  • Resolved rahulkapoordelhi86

    (@rahulkapoordelhi86)


    1 year, 2 months ago

    How to set different number of “Slides Per Page” for mobile devices.

    I want to set 3 images on desktop but 1 image on mobile device.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author David Jensen

    (@dkjensen)

    1 year, 2 months ago

    Hi @rahulkapoordelhi86

    Under the carousel block settings, toggle open the Advanced panel. Under that panel there is a field to specify additional options to the carousel, using JSON. In your case, the following JSON will display 1 image on devices where the screen width is 600px or less.

    {"breakpoints": {"600": {"perPage": 1} } }

    You can add multiple breakpoints, as well, e.g.:

    {"breakpoints": {"768": {"perPage": 2}, "480": {"perPage": 1} } }

    You can read more about the available options here.

    Plugin Author David Jensen

    (@dkjensen)

    1 year, 2 months ago

    I’m going to go ahead and close this out since I have not heard back, but feel free to reach out again if you need additional support.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to set different number of “Slides Per Page” for mobile devices’ is closed to new replies.