Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 29, 2016 at 6:27 am #574330
    djshortkut

    On my homepage I have an issue with the cropping of some images in color sections on my iPhone in portrait mode. (See Images) I have changed the background image position but it doesn’t help. These images look good on all other screen sizes. Is there a way that these images can be moved down in these sections so the heads aren’t cut off on my iPhone? Thanks in advance!

    February 1, 2016 at 5:16 am #575533
    Ismael

    Hey djshortkut!

    Thank you for using Enfold.

    Please try this:

    @media only screen and (max-width: 767px) {
.avia-full-stretch {
    background-size: cover !important;
    background-position: 50% 70% !important;
}
}

    Regards,
    Ismael

    February 2, 2016 at 12:19 am #576124
    djshortkut

    Thanks Ismael! I input the code but it didn’t make a difference. The images didn’t lower down at all. Can you let me know how to fix this?

    February 2, 2016 at 10:11 am #576334
    Ismael

    Hi!

    It’s probably because of the background-size property. Please try this instead:

    @media only screen and (max-width: 767px) {
.avia-full-stretch {
    background-position: 50% 100px !important;
}
}

    Adjust the 100px value as needed.

    Regards,
    Ismael

    February 2, 2016 at 6:03 pm #576601
    djshortkut

    Thank you Ismael, that worked perfectly!

    Is there a way I can do the same thing with my fullscreen slider at the top of my homepage in landscape mode only so the heads on the image don’t get cut off by the header? Thanks!

    February 3, 2016 at 5:00 am #576854
    Ismael

    Hey!

    Is it located on another page? I can’t see it on the home page. Please try this inside the css media query:

    .avia-fullscreen-slider .avia-slideshow>ul>li {
    background-position: 50% 100px !important;
}

    Cheers!
    Ismael

    February 3, 2016 at 5:42 am #576876
    djshortkut

    Thanks Ismael! You can close this thread.

    February 3, 2016 at 8:29 am #576953
    Ismael

    Hey!

    Great! Glad we could help. :)

    Regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Adjust Cropping of images on iPhone’ is closed to new replies.