There is no such option, Pwa itself is designed to get the exact website into an application. So you’ll see your PWA the same as it is on your website but there is no option to hide the footer section.
So I assume that if I hide it for mobile devices it will take effect also on PWA?
You can use the below codes in CSS
/* Replace "standalone" with "fullscreen" depending on your manifest.json display mode */
@media (display-mode: standalone) {
/* All installed PWAs */
}
@media (max-width: 576px) and (display-mode: standalone) {
/* Installed PWAs on mobile devices */
@supports (-webkit-overflow-scrolling: touch) {
/* Installed PWAs on mobile Apple devices */
}
@supports not (-webkit-overflow-scrolling: touch) {
/* Installed PWAs on mobile non-Apple devices */
}
}
hide any element via these media queries and let us know back.
Thanks that’s good enough for me!