Hide website-only elements
Cookie banners, store badges, newsletter pop-ups, desktop navigation, the "Edit with …" builder badge. One CSS rule each in custom.css.
Typical app-only changes
App-like layout
Bigger tap targets, safe-area padding for fixed bars, a bottom navigation (or WebViewGold's native navigation footer), hidden page titles that the app bar already shows.
Behavior changes
Rewrite external links to open in the in-app browser, call successhaptic:// after form submits, hide the web checkout for digital goods and show the IAP button instead.
Prompt for Claude Code
Paste this into Claude Code to implement the web-app side. Review the result, publish, then test inside the WebViewGold app.
Prompt for Claude Code
This web app runs inside the WebViewGold native wrapper; its user agent contains "WebViewGold". 1) Create lib/native.ts with isNativeApp(). 2) Sweep the codebase for website-only UI (marketing nav, footer, cookie banner, store badges, "open in app" banners), add data-web-only to each and skip rendering it in the native app. 3) Add a BottomNav component (four main routes, fixed bottom, padding-bottom: env(safe-area-inset-bottom)) rendered only in the native app; hide the top navigation there and pad the content. 4) Add a Playwright test with a userAgent containing "WebViewGold" that asserts the web-only elements are gone and the bottom nav exists. 5) Run the tests, summarize, and document the token in CLAUDE.md.
WebViewGold has allowed us the shortest and most efficient time-to-market ever possible from among all the other app platforms we have ever tried during the past 5 years. I don’t know why I hadn’t discovered you sooner, but I am really, really glad I did. Currently nearing 6000 app downloads on both iOS App Store & Google Play Store without any problem!
Two ways to do it for a Claude Code app
Pick the one that matches how you work.
Option A: custom.css / custom.js in WebViewGold
Edit the two files in the Xcode and Android Studio projects (or the Cloud Builder fields). They are injected into every page. No deploy of your web app needed; a new app build ships the change.
Option B: detect the app in Claude Code
Set a custom user agent in Config.swift / Config.java (for example append "WebViewGold"), then add a body class in your web app when it is detected and style
.in-appvariants in your normal stylesheet. Changes ship with every publish, no app update.Combine both
Use the user-agent class for things that change often (navigation, promotions) and custom.css for one-time clean-ups of elements you cannot easily change in the builder.
Verify in review conditions
Open the app on an iPhone and an Android phone, in portrait and landscape, and on an iPad: no desktop header, no horizontal scroll, nothing under the notch.
Starter custom.css
Adjust the selectors to your Claude Code markup:
css
/* website-only elements */
#cookie-banner, .newsletter-popup, .app-store-badges, #lovable-badge, a[href*="lovable.dev"] { display: none !important; }
/* desktop navigation and footer links */
header .desktop-nav, footer .link-columns { display: none !important; }
/* safe area for fixed bars */
.bottom-bar { padding-bottom: env(safe-area-inset-bottom); }
/* comfortable tap targets */
button, .btn, a.nav-item { min-height: 44px; }Frequently asked questions
Does custom CSS change my website?
No. It is injected only inside the app. Visitors in Safari or Chrome see the site as before.
Can I inject JavaScript libraries?
Yes, custom.js runs on every page load inside the app. Keep it small and defensive: pages of your Claude Code app may load before or after your script depending on the framework.
Do I need a new store version for CSS changes?
For changes in custom.css, yes (it ships with the app). If you want instant changes, use the user-agent detection in your web app instead.
Three ways to get your app into the stores
Same result, different amount of work on your side. All three come with the approval guarantee and 24/7 human support.
Do it yourself
$109 per platform, one-time
The WebViewGold license: a finished Xcode or Android Studio project. Paste your URL, set name and icon, switch on features, build and submit. Free updates forever.
See plans on the main pageCloud Builder
$349 per license, one-time add-on
No Mac, no Xcode, no Android Studio: configure in the browser, we build both apps in the cloud and hand them to App Store Connect and the Play Console.
How the Cloud Builder works Try the free demoFull Service
$698 per platform $798
Send us your URL and icon. Our team configures, builds and delivers your app within 72 hours, white-label, with source projects. Both platforms for $1,158.
Full Service details Powered by
Winter Sale prices valid until December 31, 2026.