Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #362766

    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!
    Slade

    #362771

    you 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} }

    • This reply was modified 9 years, 3 months ago by Guenni007.
    #362870

    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

    #363285

    Thanks Guenni007 and Yigit!

    Worked great and very much appreciated!

    Slade

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Hide Layer Slider on mobile and display Image instead’ is closed to new replies.