Use a background image in the app’s Page Header.

Home Documentation How To Use a background image in the app’s Page Header.

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:

Comments are closed.