CODEWITHSUNDEEP
androidcssangularjscordovaionic-framework
justijn
justijn

Reputation: 149

Vertical align ionic title on android

I'm creating an app with the Ionic framework and cordova. I recently uploaded my app to test it out but noticed something. On android the title in the top bar is not aligned vertically. Is there any way to change this?

enter image description here

Upvotes: 1

Views: 1093

Answers (2)

alanmilinovic
alanmilinovic

Reputation: 11

It's android problem so I made style for android only. It worked for me!

.platform-android .bar .title { line-height: 52px !important; }

Upvotes: 1

itsphilz
itsphilz

Reputation: 455

It will probably be a line-height issue. Try making the line-height of the element in which the text is contained in, or it's parent the same as the height of your top bar.

Try looking at the below classes and make sure the line-height and the height match up.

.bar .title
.bar

Upvotes: 0

Related Questions