Hide website elements inside the app

How it works

You give the app a list of CSS selectors. When a page loads, the app sets those elements to display: none. It does this on your app's domain and its subdomains, in the main frame only, and never in a normal browser. Nothing is removed from your site.

Hide an element

1. 1

   Find the selector

   Open your site on a computer, right-click the element and choose Inspect. Look for an id, a class or a tag you can use.

2. 2

   Add it to your project

   In the Shell Designer, open the Website section and add the selector. You can list up to 10, of 200 characters each.

3. 3

   Launch a new build

   The list is part of the app, so it takes effect with the next build.

4. 4

   Check it on a phone

   Install the build and open each main page. The preview can't show this, as it loads your site from another address.

Selector examples

Prefer a stable name. No-code builders often generate classes such as .css-1x2y3z, which change the next time you publish, and the element comes back. If you can, add your own id or class to the element.

A selector can't contain {, }, <, ;, @ or /*. These are refused when you save.

Do it in your site's code instead

If you built your site with an AI builder, you can ask it to hide elements when the page runs in the app. This has no selector to maintain, and it works without a new build.

My website also runs inside a mobile app. Detect it with:
const inApp = typeof window !== "undefined" && navigator.userAgent.includes("SaasToStoreApp");

When inApp is true, do not render [MY HEADER, MY FOOTER, MY COOKIE BANNER].
Everything must stay the same in a normal web browser.
Read inApp after the page has mounted, to avoid a hydration mismatch.

When it doesn't apply

• →Android Build (Web): it runs in Chrome, so there's no native layer and no SaasToStoreApp marker. Neither approach works there: switch to the Native build.
• →Full-screen apps: turning the native shell off also turns this list off.
• →Other sites: a page from another domain is never changed.