Im currently developing my first PWA with Vue and NuxtJS. I want a custom color and have set the correct meta for adding the body background color of my page (same as the header, purple).
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
However, when i scroll the content it shows above the fixed header, in the statusbar due to the transparency... How can i solve this?
The result im looking for when scrolling is:
Thanks in advance.