From 05adb0007204db396d9c9dff2bb9e421473c1a76 Mon Sep 17 00:00:00 2001
From: freakoverse <freakoramag@gmail.com>
Date: Tue, 17 Sep 2024 11:14:34 +0000
Subject: [PATCH] mobile css optimizing social nav

---
 src/styles/socialNav.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/src/styles/socialNav.css b/src/styles/socialNav.css
index 510e0a9..2d1d16f 100644
--- a/src/styles/socialNav.css
+++ b/src/styles/socialNav.css
@@ -12,6 +12,16 @@
   transform: translateX(50%);
 }
 
+@media (max-width: 576px) {
+  .socialNav {
+    transition: ease 0.4s;
+    right: 100%;
+    transform: translateX(100%);
+    width: 100%;
+    align-items: end;
+  }
+}
+
 .socialNavInside {
   width: 100%;
   padding: 10px;
@@ -27,6 +37,12 @@
   max-width: 80vw;
 }
 
+@media (max-width: 576px) {
+  .socialNavInside {
+    max-width: unset;
+  }
+}
+
 .socialNavInside::-webkit-scrollbar {
   display: none;
 }
@@ -62,6 +78,13 @@
   grid-gap: 5px;
 }
 
+@media (max-width: 576px) {
+  .socialNavInsideWrapper {
+    width: 100%;
+    justify-content: end;
+  }
+}
+
 .socialNavCollapse {
   display: flex;
   flex-direction: column;