Forum Academy Marketplace Showcase Pricing Features

Foreground Stripes

…or the ability to make floating groups stripes. Need a way to make my header floatinggroup stretch all the way across the screen. The solution in the Twitter clone example, is to have a solid header (white background) placed in the middle of the stripe. Problem is, I want a shadow for my stripe. And any elements will go OVER the stripe shadow.

If I make the shadow a part of the header floatinggroup in order to make the shadow go over the other elements, then I can’t make the stripe go across the screen. A workaround is to use shadows on both the stripe and Header, but then I get a double shadow effect along the width of the header.

1 Like

We’ll look into it. It’s not a super easy fix, unfortunately, but we’ll try our best.