updated top to bottom button

codervivek5 · Jul 16, 2023 · 3c8b7e5 · 3c8b7e5
1 parent ed30ba0
commit 3c8b7e5
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 3 deletions.
diff --git a/chatBot/style.css b/chatBot/style.css
@@ -2,7 +2,7 @@
 
 .chatbot__button {
   position: fixed;
-  bottom: 35px;
+  bottom: 70px;
   right: 40px;
   width: 60px;
   height: 60px;

diff --git a/img/iphone.png b/img/iphone.png
diff --git a/index.html b/index.html
@@ -916,6 +916,8 @@ <h1><label for="faq-6">How can I cancel an order?</label></h1>
             </div>
         </div>
     </div>
+
+
     <!-- FAQ SECTION ENDS -->
 
     <div class="footer-container">
@@ -1060,7 +1062,8 @@ <h3 class="chatbox__title">VigyBag 24/7</h3>
         </div>
     </div>
     <!--  chat bot finish  -->
-
+    <!-- go to top -->
+    <a class="go-top" href="#"><i class="fa-solid fa-arrow-up fa-lg"></i></a>
     <script src="./chatBot/script.js"></script>
     <script src="./cart/js/util.js"></script>
     <script src="./cart/js/main.js"></script>

diff --git a/style/style.css b/style/style.css
@@ -7,7 +7,7 @@
   /* background color added in HTML */
   scroll-behavior: smooth;
   transition: 0.5s;
-  overflow-x: hidden;
+  /* overflow-x:hidden; */
   font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
 }
 
@@ -1069,4 +1069,32 @@ div.c a {
 
 .popup-details p{
   font-size: .6em;
+}
+
+/* go to top */
+.go-top {
+  position: fixed;
+  width: 50px;
+  height: 50px;
+  /* color: #2a2a72; */
+  background: linear-gradient(315deg, #227ebb 100%, #0a1458 20%, #243fe9 60%);
+  /* -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent; */
+  bottom:10px;
+  right: 45px;
+  border-radius: 50%;
+  text-decoration: none;
+  text-align: center;
+  line-height: 50px;
+  color: white;
+}
+@media (max-width: 769px) {
+  .gotop{
+    right: 1.5rem;
+  }
+}
+@media (max-width: 426px) {
+  .gotop{
+    right: 1rem;
+  }
 }