100% Width Cover on Smartphone

  • Hey,

    is it possible to represent AWB Parallax as a cover on a smartphone with 100% width? Now it seems that it looks great on the desktop, but on the smartphone, only the left part of the cover image is visible. How can I change it so that the whole picture is visible on my smartphone?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author nK

    (@nko)

    Hi.

    Set the image position something like 80% 50%.

    You can also change object-fit property with custom CSS, but I don’t recommend it, it looks ugly:

    @media screen and (max-width: 768px) {
    .jarallax-img {
        object-fit: contain !important;
    }
}
    Thread Starter emanuelziegler85

    (@emanuelziegler85)

    Hi! Super thank you!
    You’re right, the CSS code does not look good.

    Is it possible to swap the image if Screen falls below a certain width? So in addition to the given picture to set a mobile picture?

    Thank you!

    Plugin Author nK

    (@nko)

    Not sure it is possible in CSS. You can make it with JS only.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘100% Width Cover on Smartphone’ is closed to new replies.