Background-position is not working in iphone devices. any solution to solve this issue?

by am_safvan   Last Updated July 12, 2019 05:26 AM

.home-banner {
    background-image: url(http://www.asdaniadventures.com/cmsasdani/image/data/banner/Banner.jpg);
    height: 100vh;
    background-size: cover ;
    background-position: 65% 0 ;
    background-repeat: no-repeat;
}
<div class="home-banner" ></div>

I have an issue in background-position only in iPhone devices. But it's working well on other devices and browsers and responsive simulators. But it's not working in real iPhone devices.

This is the CSS I used:-

.Home-Banner {
    background-image: url(http://www.asdaniadventures.com/cmsasdani/image/data/banner/Banner.jpg);
    height: 100vh;
    background-size: cover ;
    background-position: 65% 0 ;
    background-repeat: no-repeat;
}


Related Questions


Updated February 22, 2019 09:26 AM

Updated July 16, 2019 18:26 PM

Updated August 22, 2017 20:26 PM

Updated August 26, 2018 15:26 PM

Updated August 25, 2018 20:26 PM