Fullwidth slider – mobile display issue

Hey Robyone925,

The slider has very little space on mobile devices and there’s not enough space for your text unfortunately. Maybe you could add a color section element under it and only show that on mobile devices? You can hide it for all other screen sizes if you give it an ID in the element option then use CSS like this in Quick CSS:

@media only screen and (min-width: 768px) {
#your-id {
  display:none;
}
}

If you want to go for that option then we will give you CSS to hide the text in your slider as well.

Best regards,
Rikard

Hi,

Did you follow the first instructions I wrote? If not then please try to do so, then you can hide the slider for mobile using this in Quick CSS:

@media only screen and (max-width: 767px) {
.home #full_slider_1 {
  display:none !important;
}
}

Best regards,
Rikard

Hi,

Please try this instead:

@media only screen and (max-width: 767px) {
.page-id-8446 #full_slider_1 {
  display:none !important;
}
}

Best regards,
Rikard