Center navbar title on Android?

wakiem · March 18, 2018, 7:07pm

Hi everyone!
I’m searching for a way to center the navbar title on Android. Any idea?

Andreas_Kramling · March 19, 2018, 10:08am

What’s about

.md .navbar .title {
text-align: center;
with: 100%;
}

Either you change feamework7.css or add it to your app specific css. In this case maybe with !important attribute.

Best Regards
Andreas

wakiem · March 19, 2018, 12:57pm

Thanks that did it! Just had to add some margin on the right because I have a menu on the left.

deltatango28 · December 6, 2019, 4:19pm

A simpler possible solution:

var app = new Framework7({
  navbar: {
    mdCenterTitle: true
  },
});