diff --git a/src/components/index/DesktopHeader.vue b/src/components/index/DesktopHeader.vue
index 31258bb..44a1204 100644
--- a/src/components/index/DesktopHeader.vue
+++ b/src/components/index/DesktopHeader.vue
@@ -21,6 +21,7 @@
       <div class="market-btn" @click="comingSoon">
         <img src="@/assets/202202/btn-market@2x.png" alt="marketplace"/>
       </div>
+      <h1>{{title}}</h1>
     </div>
   </header>
 </template>
@@ -42,7 +43,7 @@ declare module 'vue/types/vue' {
   name: 'DesktopHeader',
   components: {
   },
-  props: ['currentSection']
+  props: ['currentSection', 'title']
 })
 export default class extends Vue {
   private dropShow = false
@@ -87,6 +88,9 @@ export default class extends Vue {
 </script>
 
 <style lang="scss" scoped>
+h1{
+  display: none;
+}
 .header{
   display: flex;
   justify-content: space-between;
diff --git a/src/views/desktop/Gameplay.vue b/src/views/desktop/Gameplay.vue
index 221f344..e674c01 100644
--- a/src/views/desktop/Gameplay.vue
+++ b/src/views/desktop/Gameplay.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container" :style="cstyle">
-    <desktop-header current-section="gameplay"></desktop-header>
+    <desktop-header current-section="gameplay" title="Gameplay"></desktop-header>
     <video-section></video-section>
     <tab-bar
       :select-tab="activeTab"
diff --git a/src/views/desktop/Index.vue b/src/views/desktop/Index.vue
index 4574832..2d592c4 100644
--- a/src/views/desktop/Index.vue
+++ b/src/views/desktop/Index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container" :style="cstyle">
-    <desktop-header current-section="home"></desktop-header>
+    <desktop-header current-section="home" title="CEBG Index"></desktop-header>
     <top-section></top-section>
     <main-section></main-section>
     <hero-section></hero-section>
diff --git a/src/views/desktop/NFT.vue b/src/views/desktop/NFT.vue
index e9ec932..07b10f4 100644
--- a/src/views/desktop/NFT.vue
+++ b/src/views/desktop/NFT.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container" :style="cstyle">
-    <desktop-header current-section="nft"></desktop-header>
+    <desktop-header current-section="nft" title="NFT"></desktop-header>
     <top-section></top-section>
     <nft-section @dialog-show="showInfo(0)" ></nft-section>
     <weapon-section @dialog-show="showInfo(1)"></weapon-section>
diff --git a/src/views/desktop/Roadmap.vue b/src/views/desktop/Roadmap.vue
index 410bf11..0d7b7aa 100644
--- a/src/views/desktop/Roadmap.vue
+++ b/src/views/desktop/Roadmap.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container" :style="cstyle">
-    <desktop-header current-section="roadmap"></desktop-header>
+    <desktop-header current-section="roadmap" title="Roadmap"></desktop-header>
     <div class="content">
       <div class="title-bar">
         <img src="@/assets/202202/roadmap/icon-text.png" alt="funder team"/>
diff --git a/src/views/desktop/Team.vue b/src/views/desktop/Team.vue
index aef7c07..06ebdf9 100644
--- a/src/views/desktop/Team.vue
+++ b/src/views/desktop/Team.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container" :style="cstyle">
-    <desktop-header current-section="team"></desktop-header>
+    <desktop-header current-section="team" title="Team"></desktop-header>
     <div class="content">
       <div class="title-bar">
         <img src="@/assets/202202/team/founder_team.png" alt="funder team"/>
diff --git a/src/views/desktop/Tokenomic.vue b/src/views/desktop/Tokenomic.vue
index 771274c..b3fd869 100644
--- a/src/views/desktop/Tokenomic.vue
+++ b/src/views/desktop/Tokenomic.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container" :style="cstyle">
-    <desktop-header current-section="tokenomic"></desktop-header>
+    <desktop-header current-section="tokenomic" title="Tokenomic"></desktop-header>
     <img class="top-bg" src="@/assets/202202/tokenomic/tokennomic_bg.png" alt="top bg"/>
     <tab-bar
       :select-tab="activeTab"