-
Posts
-
Hi, I have read and tried a few forum suggestions https://kriesi.at/support/topic/replace-slider-on-mobile/ and https://kriesi.at/support/topic/displaying-another-slider-on-mobile-devices/ regarding this issue but to no avail.
I can get it to work except – when in desktop view there is a large blank space where the mobile image should be and when on a mobile there is a large blank space where the Layer Slider would normally be. How do I get rid of these ‘blank spaces’?
I will need to create a Test page if you need to see the issue as the client has access to the site and he doesn’t need to see it a mess.
Thanks!
Sladeyou mean the layer slider or the other sliders given to you by advanced layout editior?
The Layerslider has an own Slidersettings Page – there you can set on layout the “hide on mobile” option and set the pixelvalue you want.
So get rid of it is easy.On the site where you want to do that you can now put after the slider element an image element with a custom css class
or a color-section with background-image
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
you only have to set the display option for that custom css-class for screenwidth range to display: none
(I took here custom-class : alternate_image)
you can see it here for 768px
http://www.wordpress-webdesign.org/grayscale
at 767px and under it the image is shown.@media only screen and (min-width: 768px){ .alternate_image { display: none !important} }
Hi!
@sladestyle please also see @guenni007’s post above. If that too does not help, please post the link to your website
@guenni007 thanks :)Best regards,
Yigit
- The topic ‘Hide Layer Slider on mobile and display Image instead’ is closed to new replies.