Hide hero slider on mobile

Ask the Community Customization
1
  • Issue description:
    I’ve created a full-width (hero) slider widget and styled it to my needs, but I’d like to completely hide this widget for mobile users. I’ve tried adding this code to Advanced > Custom CSS but it doesn’t seem to have any impact on hiding the widget for mobile users:

@media (max-width: 475px) {
[class*=“elfsight-app-718f8776-ead4-48a3-945d-a18a1708e875”] {
display: none !important;
}
}

2

You can use this CSS code

/* hide slider on mobile */
@media screen and (max-width:767px) {
  div#container-widget-1691443880383 {
    display: none !important;
}}