Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 3, 2016 at 12:37 am #626094
    WP Turned UP

    Hello. Ipad (Landscape) shows the Layer-slider contents shifted to the left. How do I get the contents centered, as seen when viewed on non-mobile devices?

    This topic was previously closed without a proper solution being provided.

    Thanks,
    Ryan

    May 3, 2016 at 3:39 pm #626546
    WP Turned UP

    I want to keep this for the desktop view, but I’m considering alternatives for tablet view and below. Wondering if I could create another version of this Layerslider (more basic), for mobile only and use CSS media queries to target the desired Layerslider.

    May 4, 2016 at 7:32 am #626944
    Rikard

    Hi,

    I personally would go for creating two separate sliders if I wanted more control of them on smaller devices. You can hide/show the correct one with CSS, no problem there. But I couldn’t see a Layer Slider on the page you linked to?

    Regards,
    Rikard

    May 4, 2016 at 1:33 pm #627201
    WP Turned UP

    Hello. The Layerslider is there at the top of the page, with a very short delay.Any tips on how to target a specific Layerslider, with Media Queries would be appreciated.

    Thanks,
    Ryan

    May 5, 2016 at 8:06 am #627671
    Rikard

    Hi Ryan,

    You could try targeting it like this:

    Mobile: 

    @media only screen and (max-width: 767px) {
#layerslider_5 {
code here
}
}

    Larger than mobile:

    @media only screen and (min-width: 768px) {
#layerslider_5 {
code here
}
}

    Not sure why you put the slider in a text block though?

    Regards,
    Rikard

    May 5, 2016 at 3:52 pm #627877
    WP Turned UP

    Right – Layerslider should not have to go in a Text box. However, that’s the only way I can get rid of a box shadow appearing above the slider. My CSS shown below doesn’t work, even though it works when inspecting with Chrome. You can view the box shadow that I’ve left up on the site.

    /* Layerslider – Removes a top border “box shadow” appearing with Layerslider */
    .avia-shadow {
    box-shadow: none !important;
    }

    Thank you for your Media Query thoughts, but I’m not looking to style the sliders across devices. I’m looking to show Slider A only on “Larger than mobile” and Slider B only on “Mobile”. I’m guessing this is not possible. Therefore, I’ve decided to hide the slider on mobile devices – using the Layerslider settings.

    May 9, 2016 at 8:14 am #629067
    Rikard

    Hi Ryan,

    Sorry for the late reply. So I’m guessing you are set on this issue? Please let us know if you should need any more help.

    Best regards,
    Rikard

    May 9, 2016 at 2:24 pm #629226
    WP Turned UP

    Yeah, let’s just move on as I’ve scrapped the Layerslider on mobile. I’ll open another ticket/thread in the future if this comes up again.

    Thanls!

    May 9, 2016 at 2:33 pm #629238
    Yigit

    Hey!

    Replied you regarding this issue here – https://kriesi.at/support/topic/contact-form-change-background-color/

    Cheers!
    Yigit

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