Blur everything behind header nav bar
![JordanStern](https://us.v-cdn.net/6029383/uploads/customavatars/44/navatar_83744.png)
Hi!
I'd like to create a backdrop filter blur on the top bar of my website that blurs the photos underneath as the page is scrolled.
I've added this CSS to the entire site:
It's not working... What am I doing wrong?
Here's what I want:
![i-JGFkbXN-L.png](http://www.jordansternphotography.com/photos/i-JGFkbXN/0/L/i-JGFkbXN-L.png)
www.JordanSternPhotography.com
I'd like to create a backdrop filter blur on the top bar of my website that blurs the photos underneath as the page is scrolled.
I've added this CSS to the entire site:
.sm-page-layout-region-top { -webkit-backdrop-filter: blur(10px); }
It's not working... What am I doing wrong?
Here's what I want:
![i-JGFkbXN-L.png](http://www.jordansternphotography.com/photos/i-JGFkbXN/0/L/i-JGFkbXN-L.png)
www.JordanSternPhotography.com
0