diff --git a/apps/web/src/components/AdPanel/CardLayouts.tsx b/apps/web/src/components/AdPanel/CardLayouts.tsx
index cc9ad83361873..854644be58c93 100644
--- a/apps/web/src/components/AdPanel/CardLayouts.tsx
+++ b/apps/web/src/components/AdPanel/CardLayouts.tsx
@@ -108,8 +108,8 @@ const AdSlides = memo(({ forceMobile, isDismissible = true }: AdPlayerProps) =>
* For abstraction and use in pages where we need to
* directly render the Ads Card purely without any conditions
*/
-export const AdPlayer = (props: AdPlayerProps) => {
- return
+export const AdPlayer = ({ forceMobile = true, isDismissible = false, ...props }: AdPlayerProps) => {
+ return
}
interface DesktopCardProps extends AdPlayerProps {
diff --git a/apps/web/src/components/AdPanel/config.tsx b/apps/web/src/components/AdPanel/config.tsx
index a84abd333f549..c177af3e0b188 100644
--- a/apps/web/src/components/AdPanel/config.tsx
+++ b/apps/web/src/components/AdPanel/config.tsx
@@ -35,14 +35,15 @@ export const useAdConfig = () => {
.filter((ad) => ad.shouldRender)
}
+const commonLayoutAdBlacklistedPages = ['/home', '/cake-staking', '/liquidity/pools']
/**
* On the pages mentioned, the Mobile ads will be placed directly in page instead of in the app layout.
* So don't render in the app layout.
*/
-export const layoutMobileAdBlacklistedPages = ['/', '/home', '/cake-staking']
+export const layoutMobileAdBlacklistedPages = [...commonLayoutAdBlacklistedPages, '/']
/**
* On the pages mentioned, the Desktop ads will be placed directly in page instead of in the app layout.
* So don't render in the app layout.
*/
-export const layoutDesktopAdBlacklistedPages = ['/home', '/cake-staking']
+export const layoutDesktopAdBlacklistedPages = [...commonLayoutAdBlacklistedPages]
diff --git a/apps/web/src/views/CakeStaking/components/PageHead.tsx b/apps/web/src/views/CakeStaking/components/PageHead.tsx
index 13634336abe6a..623decead8cfc 100644
--- a/apps/web/src/views/CakeStaking/components/PageHead.tsx
+++ b/apps/web/src/views/CakeStaking/components/PageHead.tsx
@@ -26,7 +26,7 @@ export const PageHead = () => {
<>
{isMobile && (
-
+
)}
@@ -47,7 +47,7 @@ export const PageHead = () => {
- {!isMobile && }
+ {!isMobile && }
>
)
diff --git a/apps/web/src/views/Home/components/Hero.tsx b/apps/web/src/views/Home/components/Hero.tsx
index dd93efbe16324..73a02ade20d74 100644
--- a/apps/web/src/views/Home/components/Hero.tsx
+++ b/apps/web/src/views/Home/components/Hero.tsx
@@ -259,7 +259,7 @@ const Hero = () => {
-
+
{
const { t } = useTranslation()
const { theme } = useTheme()
+ const { isMobile } = useMatchBreakpoints()
+
return (
+ {isMobile && (
+
+
+
+ )}
@@ -38,9 +45,10 @@ export const PoolsBanner = ({ additionLink }: { additionLink?: React.ReactNode }
)}
-
-
-
+
+ {!isMobile && }
+ {/* */}
+