some minor chnages

Asina7 · Asina7 · commit 4c42f89556b5 · 2023-02-07T09:33:58.000+04:00
diff --git a/src/components/About/HeaderSection.vue b/src/components/About/HeaderSection.vue
@@ -263,8 +263,10 @@
           </button>
         </div>
       </div>
+      <div v-if="isDesktop">
       <floating-whatsapp></floating-whatsapp>
     </div>
+    </div>
 <!-- offcancas area ends -->
   </div>
 </template>
@@ -282,6 +284,16 @@ FloatingWhatsapp,
   mounted (){
 this.offcanvas()
 },
+computed: {
+    isDesktop() {
+      return window.innerWidth > 768;
+    }
+  },
+data() {
+    return {
+      activesub:""
+    };
+  },
 methods: {
 offcanvas: function(){
   $("#open_offcanvas").click(function () {
@@ -311,7 +323,15 @@ if (header_search) {
   });
 }
 },
-}
+handleClick:function(ac){
+      if(this.activesub == ac){
+        this.activesub="";
+      }else{
+        this.activesub = ac;
+      } 
+    }
+},
+
 }
 </script>
 
@@ -417,12 +437,13 @@ if (header_search) {
 .to-wrapper{
   display: flex;
   justify-content: space-between;
-  padding:5px 23px;
+  /* padding:5px 23px; */
+  height: 40px;
   
 }
 .to-wrapper a{
   color: white;
-  font-size: 28px;
+  font-size: 19px;
 }
 .to-wrapper button{
   color: white;
@@ -433,12 +454,13 @@ if (header_search) {
 
 }
 .cj li{
-  margin: 5px 0px;
+  /* margin: 5px 0px; */
+  
   
 }
 .cj li a{
-  color: #fff;
-  font-size: 22px;
+  color: #c9f31d;;
+  font-size: 15px;
   transition: all .3s ease;
 }
 .cj li a:hover{
diff --git a/src/components/Home/MainHeader.vue b/src/components/Home/MainHeader.vue
@@ -284,8 +284,10 @@
           </button>
         </div>
       </div>
+      <div v-if="isDesktop">
       <floating-whatsapp></floating-whatsapp>
     </div>
+    </div>
   </div>
 </template>
 
@@ -307,6 +309,11 @@ export default {
       activesub:""
     };
   },
+  computed: {
+    isDesktop() {
+      return window.innerWidth > 768;
+    }
+  },
   mounted() {
     this.offcanvas();
   },
@@ -347,6 +354,7 @@ export default {
       
     }
   },
+  
 };
 </script>
 <style scoped>
@@ -444,12 +452,14 @@ export default {
 .to-wrapper{
   display: flex;
   justify-content: space-between;
-  padding:5px 23px;
+  /* padding:5px 23px; */
+  height: 40px;
   
 }
 .to-wrapper a{
   color: white;
-  font-size: 28px;
+  font-size: 19px;
+  
 }
 .to-wrapper button{
   color: white;
@@ -460,12 +470,11 @@ export default {
 
 }
 .cj li{
-  margin: 5px 0px;
-  
+  /* margin: 5px 0px; */
 }
 .cj li a{
-  color: #fff;
-  font-size: 22px;
+  color: #c9f31d;;
+  font-size: 15px;
   transition: all .3s ease;
 }
 .cj li a:hover{
diff --git a/src/components/Home/MainSection/FeedbackSection.vue b/src/components/Home/MainSection/FeedbackSection.vue
@@ -36,8 +36,8 @@
           </div>
         </div>
         <div class="hero-item-btn">
-                       <button class=" hero-btn1">See All Reviews</button>
-                      </div>
+          <button class=" hero-btn1">See All Reviews</button>
+        </div>
       </section>
     </div>
 </template>
@@ -120,6 +120,7 @@
   padding: 20px;
   margin: 10px;
   cursor: pointer;
+  height:300px;
  }
  .profile-img{
   width: 50px;
diff --git a/src/components/Home/MainSection/ServiceSection.vue b/src/components/Home/MainSection/ServiceSection.vue
@@ -144,8 +144,7 @@
                           </ul>
                           <div class="service-2btn">
                             <div id="btn_wrapper">
-                            <a href="/conatct" class="wc-btn-secondary btn-item btn-hover"><span></span>Get
-                              free
+                            <a href="/conatct" class="wc-btn-secondary btn-item btn-hover"><span></span>Get free
                               <br>qoutes <i class="fa-solid fa-arrow-right"></i></a>
                           </div>
                           <div id="btn_wrapper">
