From 6f311e398e3c8713c01f4c4da93de7e15e8dcff8 Mon Sep 17 00:00:00 2001
From: VividTruthKeeper <mr.aydogdy02@gmail.com>
Date: Sun, 26 Feb 2023 19:58:31 +0500
Subject: [PATCH] loader fix

---
 src/components/header/SubNav.tsx | 2 +-
 src/styles/_nav.scss             | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/header/SubNav.tsx b/src/components/header/SubNav.tsx
index 46a07de..e6dd79a 100644
--- a/src/components/header/SubNav.tsx
+++ b/src/components/header/SubNav.tsx
@@ -58,7 +58,7 @@ const SubNav = () => {
   return (
     <nav className="subnav">
       <div className="container">
-        <ul className="subnav-inner">
+        <ul className={`subnav-inner ${!data ? "loading" : ""}`}>
           {data ? (
             <>
               <SubNavLiMain
diff --git a/src/styles/_nav.scss b/src/styles/_nav.scss
index 436f03b..2bea2c1 100644
--- a/src/styles/_nav.scss
+++ b/src/styles/_nav.scss
@@ -159,6 +159,10 @@
   align-items: center;
   gap: 2.4rem;
 
+  &.loading {
+    grid-template-columns: 1fr !important;
+  }
+
   li {
     color: $black;
     width: 100%;