Hi,
I would like to know if there is a way to replace my homepage full width slider with a picture (or with another slider) if the site is displayed on mobile devices vertically.
in practice I have a slider containing a single slide with a horizontal image, and I wish those who visit my homepage using mobile phone see a vertical image.
Thanks in advance!
Hi pirasrimini!
Go ahead and add the vertical image in the page and we’ll give you some CSS to hide / show them depending on the screen size.
Regards,
Elliott
ok, i’m done: in home now there are two sliders, the first is for desktop and landscape mobile view and the second are for vertical oriented mobile view.
Thanks in advance
Hey!
Please refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/
Regards,
Yigit
Well, i’ve turned on the custom css class field, added class in my items and added the following in quick css field:
@media only screen and (max-width: 768px) {
.only-desktop { display: none !important; }}
@media only screen and (min-width: 768px) {
.only-mobile { display: none !important; }}
but the result is a huge mess.
Now i see both sliders and one of the image that i set for background in a color section (near the end of the page) is stuck in background.
Any suggestion?
Thanks in advance
Ooops,
sorry, I corrected a mistake and now it seems that the sliders are working.
Unfortunately, on my windows phone still see the background of the last “color section” that invades the entire page. It was something I had previously noticed in other installations of enfold.
Do you know if it is a known incompatibility or is there something wrong?
Thanks
Hey!
Our developers are looking into this. We may see some Windows phone compatibility added in a future update.
Regards,
Andy