Background image : center not working on Android


#1

Hello

I’m trying to have a background image that covers the whole screen an that is centered (so the parts cropped if the width is too high are on the sides). I used background-size: cover and background-position: center and it worked perfectly on the browser but on my android device the image isn’t centered. How can I fix that ?

.getting-started { text-align: center; background: url(../../img/dinner.jpg); background-size: cover; background-position: center center !important; background-repeat: no-repeat; }

<ion-content padding class="getting-started"> ... </ion-content>


#2

Hi! I’ve the same problem! Has you solved it?


#3

No I didn’t manage to center it. It didn’t matter much to me so I stopped searching. If you solve it please tell me.


#4

Hey! fixed here: http://stackoverflow.com/questions/37006014/ionic-background-image-center-not-working-on-android