diff --git a/docs/.vitepress/theme/components/HorizontalAd.vue b/docs/.vitepress/theme/components/HorizontalAd.vue
new file mode 100644
index 00000000..7a8b899e
--- /dev/null
+++ b/docs/.vitepress/theme/components/HorizontalAd.vue
@@ -0,0 +1,15 @@
+<template>
+  <div v-if="show" class="wwads-cn wwads-horizontal" data-id="296"></div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      show: false
+    }
+  },
+  mounted() {
+    this.show = navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)
+  }
+}
+</script>
diff --git a/docs/.vitepress/theme/components/SmallAd.vue b/docs/.vitepress/theme/components/SmallAd.vue
deleted file mode 100644
index 74073b80..00000000
--- a/docs/.vitepress/theme/components/SmallAd.vue
+++ /dev/null
@@ -1,3 +0,0 @@
-<template>
-  <div class="wwads-cn wwads-vertical" data-id="296" style="max-width:350px; margin-bottom: 20px;"></div>
-</template>
diff --git a/docs/.vitepress/theme/components/VerticalAd.vue b/docs/.vitepress/theme/components/VerticalAd.vue
new file mode 100644
index 00000000..2f158bf0
--- /dev/null
+++ b/docs/.vitepress/theme/components/VerticalAd.vue
@@ -0,0 +1,3 @@
+<template>
+  <div class="wwads-cn wwads-vertical" data-id="296" style="margin-bottom: 20px;"></div>
+</template>
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index cc343a1b..3f1b8a2a 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -1,12 +1,14 @@
 import { h } from 'vue'
 import DefaultTheme from 'vitepress/theme'
-import SmallAd from './components/SmallAd.vue'
+import HorizontalAd from './components/HorizontalAd.vue'
+import VerticalAd from './components/VerticalAd.vue'
 
 export default {
     ...DefaultTheme,
     Layout() {
         return h(DefaultTheme.Layout, null, {
-            'aside-top': () => h(SmallAd)
+            'doc-top': () => h(HorizontalAd),
+            'aside-top': () => h(VerticalAd),
         })
     }
-}
\ No newline at end of file
+}