Hi
When I view my site on my phone the slider text gets all bunched up and covers most of the slider. Is there a way to remove the slider just on mobile. I want to keep the responsive for desktops/tables, but just have the homepage slider disappear when viewed on a mobile phone.
You can turn off the slider for mobile in the Revolution Slider plugin settings, just click the settings for your slider and look for Mobile Visibility.
To fix the problem you have to use the top grid for the text so it doesn’t bunch up on mobile, it’s a bug in Rivo Slider. Here’s what the author said:
Hi,
please use at those caption the top align instad of bottom, so they both pulled from the top and can not overlap each other any more.
This attribute will be modified in the next version, so situations like this will not even be possible. For now please use the workaround i wrote above.
Thanks a lot,
ThemePunch
Hey thanks for the reply nate, but I’m not using revolution. Having even installed it. Just the default slider that comes with the theme.
Hi,
Add this CSS in Theme panel -> Custom CSS
/* responsive phone */
@media (max-width: 767px) {
.td_block_slide_big {
display: none;
}
}Thanks!
Hello Marius.
But if I don’t want to remove slider from mobile ? How to convert the 3 column slider from desktop to 1 column slider to mobile (so that picture and title are displayed properly)?
