top navbar on android kendoui mobile app

Question

I'm writing a KendoUI Mobile app for Android.
I add these style rules to put the navbar at the top of the screen.

/* visulaizza il titolo nella navbar */ 
.km-android .km-navbar .km-view-title {
    visibility: visible;
}

/* navbar in alto */
.km-android .km-view {
    -webkit-flex-direction: column;
}

Those work well when all run in browser preview but, after the app was build, on the device the navbar appears at the bottom.

Can someone help me?
Thanks!

Answer 1

Your rule are incomplete. Use that:

.km-root .km-android .km-view {
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
}

You can watch other style tricks from this link http://docs.kendoui.com/getting-started/mobile/application

Answer 2

Where do you place these CSS rules? Seems they don't get included in the build for some reason.