handling menu left padding and responsive left padding

resources/css/layout/menu-homegrade.css

@@ -9,7 +9,8 @@
     h-fit
     py-2
     px-4
-    md:px-0
+    pl-10
+    md:pl-24
     xl:px-8 
     2xl:px-32
      my-0;
@@ -72,7 +73,7 @@
       @apply font-medium 
         text-center
         rounded-xl;
-      @apply w-fit mx-auto lg:mx-0;
+      @apply w-fit  lg:mx-0;
 
       button,
       a {
@@ -97,12 +98,7 @@
 
       /* IF SUBMENU CHILD */
       .menu-item__submenu-toggle {
-        &:hover,
-        &:focus {
-          /* @apply text-secondary; */
-        }
-        /* @apply relative pr-4; */
-        @apply pr-4 mx-auto;
+        @apply pr-4;
         &:after {
           content: '';
           display: inline-block;