Add a background image to your app header

You are here:
< Back

 

CSS Code

  1. Just create a background image in 640x128px.
  2. host this image on the Internet
  3. add the link to your image in this CSS snippet:

ion-header-bar.bar-custom.bar.bar-header.disable-user-behavior {
background-image: url(http://link-to-image);
background-color: transparent;
background-size: 100% 100%;
}

(Replace “http://link-to-image” by your own link)

  1. add this snippet to your app in the “ADVANCED CUSTOMIZATION” section of the Colours menu and save.

Previous

Next