diff --git a/frontend/dist/index.html b/frontend/dist/index.html
index aca5a64..9928a8c 100644
--- a/frontend/dist/index.html
+++ b/frontend/dist/index.html
@@ -21,7 +21,7 @@
-
+
diff --git a/frontend/src/components/layout/AppDownloadBanner.tsx b/frontend/src/components/layout/AppDownloadBanner.tsx
index b689d0d..00fb80b 100644
--- a/frontend/src/components/layout/AppDownloadBanner.tsx
+++ b/frontend/src/components/layout/AppDownloadBanner.tsx
@@ -1,5 +1,6 @@
import React, { useState, useEffect } from 'react';
import { X, Download } from 'lucide-react';
+import { Capacitor } from '@capacitor/core';
import { BACKEND_URL } from '@/utils/backendEndpoint';
export const AppDownloadBanner: React.FC = () => {
@@ -9,9 +10,7 @@ export const AppDownloadBanner: React.FC = () => {
useEffect(() => {
const userAgent = navigator.userAgent.toLowerCase();
- const isAndroidBrowser = userAgent.includes('android') &&
- !window.location.origin.includes('capacitor://') &&
- !window.location.origin.includes('localhost:80');
+ const isAndroidBrowser = userAgent.includes('android') && !Capacitor.isNativePlatform();
const isBannerDismissed = localStorage.getItem('yotrip_apk_banner_dismissed') === 'true';
// Target condition match: User is on Android mobile browser and hasn't closed it yet