Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #762609

    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

    #762683

    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

    #762688

    Thanks for your help – filled out the private content.

    #762727

    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
    #763551

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

    #764437

    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

    #764462

    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, 9 months ago by mikt.
    #767135

    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

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