Custom Logo

With AppPresser 3 you can add a custom logo to the header of your app by uploading it in the "Settings" -> "Upload Header Logo" in the Customizer.  The image type needs to be a PNG and the recommended height is 35 pixels.  The max width should be 150 pixels.  That is just a recommendation, your file can be any size and it will automatically be resized to fit.  You can name your file anything you like because we'll rename it to header-logo.png and add it to the assets folder on your app so it will also be available offline.

file type: PNG
max-height: 35px;
max-width: 150px;

If your logo needs to be higher resolution, simply double the size (70px height).

Depending on your logo you may need to adjust the CSS which you can add in the "Colors" -> "Custom CSS" in the Customizer.  We added a few example below to you get started however this will need to tweaked to suit your specific requirements.

Optional CSS for the Header Logo

/* Center the logo on android */
.platform-android .header-logo {
  margin: 0 auto;
}

Appear on All Pages

The logo will only appear on the homepage of the app. If you would like it to appear on all pages you can add the follow styles.

.title, .header-logo { display: none; } 

.header:before {
  width: 150px;
  content: "";
  background-image: url(assets/header-logo.png);
  height: 100px; 
  background-repeat: no-repeat;  
  background-position: center top; 
  z-index: 100; 
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}