help needed in rs-demo-premium-app-showcase

Question

Hi there,

Im using the template from the page rs-demo-premium-app-showcase.html

I want to customize it in a way that it just shows
01, 02, 03 and 04 on a mobile device (like in the attached image - for mobile).

But on a desktop/tablet device all the points
01, 02, 03, 04, 05, 06 are shown (for desktop).

When i try to hide the layers for mobile using d-none d-sm-block, a big gape comes up above the mobile phone image (please see the attached screenshot).

Please help me with a solution so that all 6 points show on desktop, but just 4 points show on mobile phones, and they still look good.

SemiColonWeb · Accepted Answer

Hello,

The Bootstrap Classes is not supported on the Revolution Slider Layers. You will need to use the data-visibility Attribute on the Layers based on the Responsive Levels defined in the JS Settings. You can also set different Layer Positions depending on the Responsive Devices. You can check more Documentation on this here: https://www.themepunch.com/revsliderjquery-doc/responsive-setup-2/ .

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.