Carousel & Responsive Layout – Sliderberg

Setting Responsive Breakpoints for Desktop, Tablet & Mobile

Fuad Azad — Sat, 11 Apr 2026 14:36:59 +0000

Sliderberg lets you control how your slider looks on different screen sizes with responsive breakpoints. You can adjust settings for desktop, tablet, and mobile to keep your content clear and well-structured. This helps your slider stay smooth, readable, and user friendly on every device.

Step 1: Enable the Carousel Mode

Select the entire Sliderberg block. Then, go to the settings tab.

Scrolling down the settings tab, come to the carousel settings option. Activate the enable carouse mode by toggling it on.

Step 2: Set Breakpoints for Different Screen Sizes

Once it’s enabled, you will get the option to switch between different screen sizes – Desktop, Tablet, and Mobile. You can set specific settings separately for each screen size.

See the video clip attached below. You can switch between different screen sizes by clicking on the respective tabs and configure settings specifically for them.

Conclusion

Set your breakpoints with care to match each screen size. Avoid showing too many slides on small devices and keep spacing clean. Always test on desktop, tablet, and mobile to ensure a smooth, balanced, and easy viewing experience for all users.

Adjusting Slide Spacing & Infinite Loop

Fuad Azad — Fri, 10 Apr 2026 18:45:06 +0000

Sliderberg gives you simple control over how your slides look and behave. You can adjust the spacing between slides to keep your layout clean and readable. You can also enable Infinite Loop to keep the slider moving without stopping, creating a smooth user experience.

Step 1: Enable the Carousel Mode

Select the entire Sliderberg block and come to the settings tab on the right sidebar.

Scrolling down the tab, come to the carousel settings and enable carousel mode by toggling it on.

Step 2: Configure Slide Spacing and Infinite Loop

Once the carousel mode is enabled, some more options will appear. There, you’ll get the Slide Spacing option. Place the value as you want.

After that, you can toggle on the Infinite Loop option.

Thus, you can adjust the sliding space and the infinite loop.

Conclusion

Use slide spacing to keep your layout clean and easy to scan. Avoid too-tight or too-wide gaps. Enable Infinite Loop only when it improves flow and does not distract users. Always test on different screens to keep the slider smooth, balanced, and user-friendly.

Enabling Carousel Mode & Setting Slides to Show/Scroll

Fuad Azad — Fri, 10 Apr 2026 17:37:56 +0000

With Carousel Mode, your slides can move continuously and create a more dynamic user experience. You can also control how many slides appear on the screen and how many move at a time. This helps you design sliders that match your content and layout perfectly.

Let’s explore how to enable the course mode in the Sliderberg block.

Step 1: Go to the Settings Tab of the Sliderberg Block

Select the entire Sliderberg block by clicking its icon on the toolbar. Then, go to the settings tab on the right sidebar.

Step 2: Enable the Carousel Mode

By scrolling down the settings tab, come to the Carousel Settings. Toggle on to activate the ‘Enable Carousel Mode‘.

Once the carousel mode is enabled, you’ll see the block’s layout get changed.

Step 3: Configure the Settings of the Carousel Mode

From the Slides to Show option, you can set the number of slides you want to show on the layout.

Conclusion

Use Carousel Mode with care to keep your slider smooth and easy to follow. Show a clear number of slides and avoid too fast scrolling. Keep spacing clean and test on all devices. This helps you create a simple, user-friendly, and engaging slider experience.