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 Replit
Paste this into Replit to implement the web-app side. Review the result, publish, then test inside the WebViewGold app.
Prompt to paste into Replit Agent
Add native-app detection and app-only UI. Server: when serving the client index.html, check the User-Agent header for "WebViewGold" and inject a script that sets window.__NATIVE_APP__ = true before the app bundle loads. Client: export isNativeApp() that reads window.__NATIVE_APP__ with a navigator.userAgent fallback. Add data-web-only to the marketing header, footer, cookie notice and "Made with" badge and skip rendering them in the native app. Inside the native app render a fixed bottom tab bar (Home, Search, Inbox, Profile) with padding-bottom: env(safe-area-inset-bottom) and hide the top navigation; add bottom padding to page content. Do not use the flag for any security decision.
Great work! Never coded anything but managed to work with this. Easy and fast! Also with great help from the creators!
Two ways to do it for a Replit 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 Replit
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 Replit 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 Replit 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.