fbpx

Add a Background Image to The Header of The App

Did you ever want to add a background image to your header menu, like this:Screen Shot 2016-10-02 at 19.53.54Or like this:Screen Shot 2016-09-23 at 16.37.50 Screen Shot 2016-09-23 at 16.35.58 Screen Shot 2016-09-23 at 16.36.47 Screen Shot 2016-09-23 at 16.37.00

 

  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:

    .bar.bar-custom {
    background-image: url(https://link-to-image);
    background-color: transparent;
    background-size: 100% 100%;
    }
    (Replace “http://link-to-image” by your own link)
  4. add this snippet to your app in the “ADVANCED CUSTOMIZATION” section of the Colors menu and save:

Screen Shot 2016-09-23 at 16.25.01

You’re done!

And feel free to download some images here: