I´m wondering if there is a way of showing different images in my main SiteOrigin Slider depending if the user is at a desktop view or a mobile view, the reason of this is that on the desktop view the slider seems really good, but on the mobile view it seems quite narrow, so what I was thinking on was having a reference (URL) of a different image so with some code I could have something like this:
@media (min-width: 680px) {
.slider1 {
slide1: url(http://qpuntto.com/wp-content/uploads/2015/06/and-Background-7.jpg) !important;
slide2: url(http://qpuntto.com/wp-content/uploads/2015/06/and-Background-7.jpg) !important;
slide3: url(http://qpuntto.com/wp-content/uploads/2015/06/and-Background-7.jpg) !important;
}
}
This images will be of course something like this
If you take a look on the last 2 slides, you will see the size is good when you are on mobile view but not on desktop view so those 2 last slides will be showed in the condition I mentioned
is there a way of doing it?
Hi artvaz
Thanks for the wait.
I unfortunately can’t think of any way of doing this. Everything that comes to mind involves conditional PHP and custom templates, unfortunately, beyond what we’re able to assist with here.
I’ve never tried but perhaps there is a conditional widget plugin that could help.
https://wordpress.org/plugins/search.php?q=conditional+widget
Whether something like this would work in Page Builder is another question.