Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 17, 2017 at 5:43 pm #762609
    mikt

    Hello,

    would it be possible to have way to switch between Fullscreen Sliders based on the oirentation of a mobile device?
    So landscape you see only landscape pic…

    Also i noted that a fixed Fullscreen Slider does not really work on a mobile, which is sad.

    Thanks for the theme

    March 17, 2017 at 7:45 pm #762683
    John Torvik

    Hey mikt,

    Please, I`d like to take a look at your website. So, may you share with me the website URL in a private content, please?

    Best regards,
    John Torvik

    March 17, 2017 at 7:48 pm #762688
    mikt

    Thanks for your help – filled out the private content.

    March 17, 2017 at 9:08 pm #762727
    John Torvik

    Hi,

    To adjust the slider height, you need to add this custom CSS code at Enfold theme options > general styling > quick CSS

    

/* The code below will affect the smartphone`s screen. */

@media screen and (max-width: 480px) {
    .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
        height: 512px;
    }
}

/* The code below will affect the tablet`s screen. */

@media screen and (min-width: 769px) and (max-width: 770px) {
    .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
        height: 650px;
    }
}

Let me know if it works :)

Best regards,
John Torvik
    March 20, 2017 at 10:52 am #763551
    mikt

    That does seem to help for android – but unfortunattly not for iOS. I tried in Safari and Chrome to no avail.

    March 21, 2017 at 11:52 pm #764437
    Nikko

    Hi,

    Try adding this css code also:

    @media screen and (min-width: 481px) and (max-width: 767px) {
    .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
        height: 580px;
    }
}

    Just adjust the height value as you see fit. HOpe this helps.

    Best regards,
    Nikko

    March 22, 2017 at 12:30 am #764462
    mikt

    Thanks again
    I did not help – for some stange reason it is still not working on iOS – all i get is a scaled part of the image.
    I used Chrome on iOS as it works on android with not issues.

    Also i noticed that a fixed background colour selection does not work on iOs nor Android (according to http://caniuse.com/#search=background-attachment) – local should work – but that is not an option in enfold, maybe you can add it in a later update?

    Ah well – i leave it on scroll for now….

    • This reply was modified 7 years, 8 months ago by mikt.
    March 27, 2017 at 3:27 am #767135
    Ismael

    Hi,

    Please try to add the !important rule.

    @media screen and (max-width: 767px) and (min-width: 481px) {
    .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
        height: 580px !important;
    }
}

    Right now, the inline styling overrides the modification.

    Best regards,
    Ismael

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