Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 17, 2014 at 8:24 am #305402
    Sladestyle

    I have a Layer Slider on the home page which looks fine on the desktop and iPad but is way to small and not very usable on the phone.

    Is there a way to hide the layered slider and show an image in its place only on a mobile phone?

    Thanks!
    Slade

    August 18, 2014 at 7:03 am #305583
    Ismael

    Hey Slade!

    Thank you for using the theme.

    Do you mind if we take a look at the actual website? This topic might give you an idea: https://kriesi.at/support/topic/displaying-another-slider-on-mobile-devices/

    Regards,
    Ismael

    August 18, 2014 at 7:38 am #305591
    Sladestyle

    Sure…here is the website:
    http://londonisc.com

    its the layer slider right under the menu bar on the home page.

    I will look into that thread to see if there’s a solution.

    Thanks.

    August 18, 2014 at 6:22 pm #305893
    Yigit

    Hey!

    Your LayerSlider ID’s will be #layerslider_6 and #layerslider_7

    Best regards,
    Yigit

    August 18, 2014 at 7:55 pm #305947
    Sladestyle

    Thanks Yigit!

    Worked great but when I look at it on a mobile the space for the #layerslider_6 appears to still be there – the slider isn’t showing but it has pushed the mobile content down.

    It now shows a large blank space above the new mobile_only content.

    August 18, 2014 at 8:04 pm #305956
    Yigit

    Hey!

    Please add following code to Quick CSS

    @media only screen and (max-width: 768px) {
div#layer_slider_1 { display: none; }}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.