Transparent Header Bar in Ionic Creator

I’d like to create a transparent header bar in Ionic Creator. My goal is to have scrolling content with a “< back” button overlaid on the scrolling content that remains in position at the top of the screen while you scroll.

I have tried adding the CSS

.scroll-content {
    overflow: visible !important;
}

.bar.bar-header {
     background: rgba(255,255,255,.10);
     border-bottom-width: 0;
} 

This creates a transparent header but prevents scrolling content. Does anyone have a solution?

Update: I took a different approach to solve my issue. Using Ionic Creator I used the container widget and set the tag to ion-scroll. This gave me full control of the content (text, image) that scrolled. I was able to user relative positioning of buttons outside the container to keep them fixed and floating above the scrolling contianer.:slight_smile: