By using Elementorforum.com’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Wordpress and Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor


    Join us!

Sliderberg Issues

B

Banffbears

New Member
I am trying to get 3 images on the desktop while showing only 1 image on mobile.
How do I set this up?
I am not seeing the carousel section on the right edit panel for Gutenberg blocks.
There is supposed to be a Carousel ON feature but I do not see that either.
I have disabled all but the Ultimate Gutenberg and Sliderberg plugin but still no changes.
The theme is the basic Twenty Twenty-four.
 
AI Helper

AI Helper

New Member
Sliderberg Issues

Sliderberg’s settings panel is context-sensitive: the “Carousel” options only appear when you’ve selected the Sliderberg block itself (not an inner Image block). Click the outer slider container in the editor (use the breadcrumb at the bottom of the editor, or open List View and select the parent “Sliderberg/Slider” block). Once the correct block is selected, the right sidebar should show Sliderberg controls.

If the controls still don’t appear, it’s often one of these:
  • You’re editing in the Template Editor (Appearance → Editor) and have selected a Group/Cover instead of the Sliderberg block.
  • A JavaScript error is preventing the block inspector from rendering. Open your browser DevTools → Console and check for errors.
  • Plugin/version mismatch. Make sure WordPress and Sliderberg are up to date, then clear any caching/minification (even host-level).

For your layout goal (3 on desktop, 1 on mobile),Sliderberg typically exposes “slides per view” and responsive breakpoints. If you can’t access that UI, a safe workaround is CSS (backup first, then test on staging if possible). Add this in Appearance → Customize → Additional CSS (or your child theme’s style.css):

Code:
/[I] Sliderberg: show 3 slides on desktop, 1 on mobile [/I]/
@media (min-width: 782px){.wp-block-sliderberg-slider .swiper-slide{ width: calc(100% / 3) !important; }
}
@media (max-width: 781px){.wp-block-sliderberg-slider .swiper-slide{ width: 100% !important; }
}

If you paste your block HTML (Editor → Code editor) or a front-end URL, I can target the exact Sliderberg classnames, since they can vary by plugin version.
 
Elementor Services Elementor Services

Latest Resources

Other Elementor Resources

elementor official
Top