Article sections

    Did you ever want to add a background image to your header menu, like this:

    Or like this:

      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:


    ion-header-bar.bar-custom.bar.bar-header.disable-user-behavior {
    background-image: url(http://link-to-image);
    background-color: transparent;
    background-size: 100% 100%;
    }

    (Replace “http://link-to-image” by your own link)

    1. add this snippet to your app in the “ADVANCED CUSTOMIZATION” section of the Colors menu and save:

    You’re done!

    And feel free to download some images here:

    in CSS – Effects, CSS SCSS Snippets

    Related Articles