Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 6, 2020 at 10:34 am #1235645
    Oliver Mott
    Guest

    Hi,

    We were looking at the Enfold visual artist template on your templates demo page https://kriesi.at/themes/enfold-visual-artist/ but it seems the slides don’t work and the images are badly stretched when viewing it on our phones.

    I’m using a Samsung s7 and my colleague is on an s9 and we both have the same experience.

    Is this an easy fix?

    I thought i would highlight it for you in case you want to fix it as it’s one of your demos.
    Thanks.
    Oliver.

    August 7, 2020 at 6:59 am #1235922
    Rikard

    Hey Oliver,

    Thanks for reaching out to us. I can’t see any problems on my end when using Chrome on Android, I don’t have any of the models that you are using unfortunately. Could you send us a screenshot of what you are seeing please? Also, which browser are you using?

    Best regards,
    Rikard

    August 7, 2020 at 1:37 pm #1235991
    Oliver Mott
    Guest

    Hi Rikard,

    Thanks for the reply. I just realised the link I opened to view the demo site opened in my Samsung internet browser. in this browser the scroll doesn’t work and the images are stretched.

    I copied the link to chrome and the scroll works but the images are stretched. I’ve attached an image for this.
    https://drive.google.com/file/d/1u7V0iBHPIVVcRgtWp0T3b9b_F8B7YNzS/view?usp=sharing

    Not a big thing, just wanted to draw your attention to it.

    Regards,
    Oliver.

    August 13, 2020 at 1:34 am #1237192
    Ismael

    Hi,

    Looks like the parallax container is not resizing correctly. To fix the issue or to resize the background image, we can use this css code.

    @media only screen and (max-width: 1024px) {
    .av-parallax.active-parallax {
	background-size: contain !important;
    }
}

    You can also insert this code inside the css media query above to adjust the height of the parallax section on mobile view.

    #top .av-parallax-section {
    max-height: 50vh;
}

.av-parallax {
    width: 100%;
    height: 100%;
}

    Best regards,
    Ismael

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