Desarrollé un sitio y también quiero usarlo como PWA (aplicación web progresiva).

Pero quiero ocultar elementos específicos en el PWA. He probado el enfoque CSS:

 @media all and (display-mode: standalone) { .noShowApp { display: none; }

}

Y el enfoque JS:

 function isRunningStandalone() { return (window.matchMedia('(display-mode: standalone)').matches); } if (isRunningStandalone()) { alert('hi'); hide(document.getElementById('features')); }

Recibo mi 'alerta' en la aplicación, pero la sección que quiero ocultar no está oculta....

Esta es la sección que quiero ocultar:

 <section class="py-5 border-bottom noShowApp" id="features">

¿Puede alguien indicarme la dirección correcta sobre cómo hacer que cualquiera de estos métodos (CSS o JS) funcione? Prefiero el enfoque CSS, pero si eso no es posible, JS funcionará bien.