Hope this helps… I ran into the same problem. I ended up duplicating the slides with text on side and changed it to slide with text at bottom. then I did this… in the article I made the divs
<div class=”slider-desktop”>[masterslider id=”1″]</div> (this would be slide with description on side)
<div class=”slider-mobile”>[masterslider id=”2″]</div>
Then in my CSS I hide and show based on the screen size…
.slider-mobile {
display: none !important;
}
.slider-desktop {
display:inline-block !important;
}
@media (max-width: 768px) {
.slider-desktop {
display: none !important;
}
.slider-mobile {
display:inline-block !important;
}
}
-
This reply was modified 8 years, 1 month ago by billsellers.
