Merge pull request smaranjitghose#785 from ashuvssut/totop-btn

Remove toTop button for smaller screens (when screen-width < 768px)
priyapatelsp · Mar 28, 2021 · 1e3e52f · 1e3e52f
2 parents a815355 + bf43657
commit 1e3e52f
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/src/pages/Home/home.module.scss b/src/pages/Home/home.module.scss
@@ -0,0 +1,12 @@
+.btnWrapper {
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+
+@media (max-width:768px){
+    .btnWrapper{
+        display: none;
+    }
+}
diff --git a/src/pages/Home/index.js b/src/pages/Home/index.js
@@ -9,6 +9,7 @@ import SupportUs from "./sections/SupportUs/SupportUs";
 import Team from "./sections/Team/Team";
 import ScrollToTop from "./../../components/ScrollToTopButton/ScrollToTopButton";
 import Contact from './sections/Contact/ContactUs'
+import style from './home.module.scss'
 
 function Home() {
 
@@ -29,7 +30,9 @@ function Home() {
       <OpenSource />
       <SupportUs />
       <Contact />
-      <ScrollToTop />
+      <div className={style.btnWrapper}>
+        <ScrollToTop />
+      </div>
     </div>
   );
 }