Hi there,

From your attached image I can see there are some changes made to the design of the slider on mobile. The black square behind the text is not coming from the original design.

Hide slider on mobile

If you want to hide the slider on mobile please add the following css via Appearance -> Customize -> Additional CSS:

@media (max-width: 992px) { .jumbotron { display: none; } }

If you want to hide a specific element on desktop, so it is only visible on mobile you can add the following classes to the widget settings: Edit Widget -> Attributes -> Widget Class (see attachment).

hidden-xs hidden-sm

Or vice versa, if you want hide a element on mobile and only show it on desktop you can add the following classes:

hidden-md hidden-lg

If you have any questions feel free to ask.

Attachment

https://cl.ly/0y0a1S243o2q

Hi there,

I added the attachment again (see screenshot01.jpg).

The attachment shows how to hide elements only on mobile screens, referred in my first message.