How do I replace the Page Header text with an image?

Home Documentation How To How do I replace the Page Header text with an image?

Use the code below if you would like to use an image instead of text for your app’s Page Headers.

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 replace page header text with image
.bar.bar-custom {
background-image: url(https://website_url/header.jpg);
background-color: transparent;
background-size: 100% 100%;
}
span.nav-bar-title.ng-binding {
display: none;
}
//End replace page header text with image

 

5) Click Save.

 

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

  

Comments are closed.