I am developing an Ionic App that will run as a web app on browsers too.
In html, I have the following code:
<ion-header>
<ion-navbar>
<ion-title>Login</ion-title>
</ion-navbar>
</ion-header>
I thought that the ion-title tag was enough to change the title on the browser tab, but it seems it isn't. It remains "Ionic App". How can I change it?
Thanks
Check your "index. html" file in the src folder. You would see the "title" html tag. Change it there and it would reflect.
Adding Header If you want to create a header, you need to add bar-header after your main bar class. Open your www/index. html file and add the header class inside your body tag. We are adding a header to the index.
You can change the background color of the toolbar with the standard title by setting the --background CSS variable on ion-toolbar . This will give the effect of the header changing color as you collapse the large title.
Check your "index.html" file in the src folder. You would see the "title" html tag. Change it there and it would reflect.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With