Icons aligned in browser but not in device

ionic-v1
1

Hello,

Something strange is happening in my App.

I use ionic 1.3.1 with Angular 1.5.3. In the browser, while developing, all the icons are centered, like this:

image

But then, when I build for android or iOS, all the icons are not aligned anymore, the icons are too high, like this:

image

Is like this thing is ignored by my devices:

svg {
    transform: translate3d(0, 25%, 0);
}

Did this happen to anyone here?
Thanks a lot,
Carlos

2

You need to use browser prefixes. transform and translate are not supported the same in all browsers.

svg{ -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }

3

You are God! Thanks a lot!!! It did the trick :smile:

4

@godesys Glad its working!