Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 5, 2019 at 3:46 pm #1074925
    neilpreston26

    Hi folks. My website has several fullscreen slider pics which are setup for displaying on desktop monitors and landscape tablets, and they’re working fine, but ipads are trying to apply them unadjusted when held in portrait mode. This results in the edges of the images being cropped. I searched for some CSS from previous queries but what I found didn’t work. Could someone take a look for me?
    Many thanks

    March 6, 2019 at 8:35 am #1075378
    Nikko

    Hey neilpreston26,

    Thanks for giving us admin access.
    I think based on your slider, the best slider that you should use is Layerslider and choose it’s responsive version.

    Best regards,
    Nikko

    March 6, 2019 at 11:25 pm #1075698
    neilpreston26

    Hi Nikko
    I’ve recreated an image at 1536×2048 (ipad retina resolution) and inserted it as an Advanced Layerslider, but I can’t get it to display on my ipad. It defaults to a magnified version of the fullscreen slider that is still active. Can you tell me where I’m going wrong?
    Many thanks
    Neil

    March 8, 2019 at 4:12 pm #1076411
    neilpreston26

    Any thoughts on this, Nikko?

    March 10, 2019 at 6:21 pm #1077065
    Basilis

    Hi,

    Which iPad version are you using?

    Best regards,
    Basilis

    March 10, 2019 at 6:33 pm #1077079
    neilpreston26

    Hi Basilis

    It’s an iPad Air (A1474)

    Cheers

    Neil

    March 14, 2019 at 6:55 pm #1078785
    Basilis

    Hi,

    This is happening I think because this screensize seems to be as a desktop one.

    Best regards,
    Basilis

    March 14, 2019 at 9:53 pm #1078870
    neilpreston26

    Is there some CSS that I can use that can apply a specific image to 4:3 ratio (iPad, Galaxy Tab) in portrait orientation only? I tried designing an image at 1536×2048 and using an advanced layer slider, but for some reason it wouldn’t display on my iPad Air.
    This is really starting to frustrate me.
    Regards
    Neil

    March 15, 2019 at 2:09 am #1078968
    Nikko

    Hi Neil,

    I have created a new page based on your homepage and layerslider and made modifications on the layerslider.
    The link is in private content.

    Best regards,
    Nikko

    March 18, 2019 at 10:30 pm #1080115
    neilpreston26

    Thanks for that Nikko, but unfortunately it’s not a look I’m happy with. I’ve created an advanced layer slider at the top of my original home page, and all I want to achieve is that it is visible on my iPad Air in portrait mode only – I’ve already got a Full Width Easy Slider working fine on the iPad in landscape. I’ve set the parameters so I doesn’t show on my laptop or desktop monitor, but I can’t for the life of me get it to display on the iPad in portrait. Please could you take a look at the settings and tell me where I’m going wrong?
    Cheers
    Neil

    March 20, 2019 at 6:16 pm #1080938
    Nikko

    Hi Neil,

    Ipad Portrait is 768px.
    I have added this css code in Quick CSS:

    @media only screen and (min-width:768px) and (max-width:959px) {
  #top.home #full_slider_2 {
    display: block !important;
  }
}

    Best regards,
    Nikko

    April 6, 2019 at 5:18 pm #1087779
    neilpreston26

    Thanks for all the assistance. I discovered that – for some strange reason – when I altered min-width or max-width and clicked save, the changes were not being implemented until I went back to my main page where the ALS were positioned, and then clicked update. Is this normal? Anyhow, once I figured that out life became much easier. This thread can be closed. Many thanks.

    April 7, 2019 at 10:20 am #1087922
    Victoria

    Hi neilpreston26,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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