Follow the instructions below to add an image to your App Header.

1) Create or locate the image that you want to use. The size should be around 640x128px.

2) Log into your App Manager and select your app.

3) Click Colors from the left-hand-side of the screen (or the middle of the screen).

4) Scroll down to the Advanced SCSS box. If you already have code in the box do not delete it! Simply add this code “below” the last character of code in the box.

/*** BEGIN: ADD BACKGROUND IMAGE TO PAGE HEADER ***/
ion-header-bar.bar-custom.bar.bar-header.disable-user-behavior {
background-image: url(https://website_url/header.jpg);
background-color: transparent;
background-size: 100% 100%;
}
/*** END: ADD BACKGROUND IMAGE TO PAGE HEADER ***/

5) Click Save.

NOTE: Replace “https://website_url/header.jpg” with your own link.

And feel free to download some images here: