Fix: Menu SubMenu Heirarchy in Small Screen

vr-xmos · vr-xmos · commit 51d63bcd78a0 · 2025-07-09T20:19:16.000Z
Signed-off-by: Varad Gupta &lt;varadgupta27@gmail.com&gt;
diff --git a/src/sections/General/Navigation/index.js b/src/sections/General/Navigation/index.js
@@ -326,7 +326,7 @@ const Navigation = () => {
                                       changeDropdownState();
                                       closeDropDown();
                                     }}
-                                    className="mobile-sub-menu-item"
+                                    className={subItems.sepLine ? "mobile-sub-menu-item" : "mobile-nested-menu"}
                                     activeClassName="nav-link-active"
                                   >
                                     {subItems.name}
diff --git a/src/sections/General/Navigation/navigation.style.js b/src/sections/General/Navigation/navigation.style.js
@@ -648,6 +648,10 @@ const NavigationWrap = styled.header`
     .mobile-sub-menu-item {
       font-size: 1.1rem;
     }
+    .mobile-nested-menu {
+       font-size: 1.1rem;
+       margin-left: 1rem;
+    }
   }
 
   .nav-link-active {

Original file line number	Diff line number	Diff line change
`@@ -326,7 +326,7 @@ const Navigation = () => {`
`326`	`326`	`changeDropdownState();`
`327`	`327`	`closeDropDown();`
`328`	`328`	`}}`
`329`		`- className="mobile-sub-menu-item"`
	`329`	`+ className={subItems.sepLine ? "mobile-sub-menu-item" : "mobile-nested-menu"}`
`330`	`330`	`activeClassName="nav-link-active"`
`331`	`331`	`>`
`332`	`332`	`{subItems.name}`
Original file line number	Diff line number	Diff line change
@@ -648,6 +648,10 @@ const NavigationWrap = styled.header`
`648`	`648`	`.mobile-sub-menu-item {`
`649`	`649`	`font-size: 1.1rem;`
`650`	`650`	`}`
	`651`	`+ .mobile-nested-menu {`
	`652`	`+ font-size: 1.1rem;`
	`653`	`+ margin-left: 1rem;`
	`654`	`+ }`
`651`	`655`	`}`
`652`	`656`
`653`	`657`	`.nav-link-active {`