fixed privacy policy splash

assets/css/styles.css

@@ -1517,10 +1517,6 @@ select {
   top: 0px;
 }
 
-.right-2 {
-  right: 0.5rem;
-}
-
 .z-20 {
   z-index: 20;
 }
@@ -1576,10 +1572,6 @@ select {
   margin-top: 2rem;
 }
 
-.ml-4 {
-  margin-left: 1rem;
-}
-
 .inline {
   display: inline;
 }
@@ -2055,10 +2047,6 @@ select {
   padding-top: 1rem;
 }
 
-.pr-2 {
-  padding-right: 0.5rem;
-}
-
 .text-center {
   text-align: center;
 }
@@ -2644,7 +2632,7 @@ body.login {
 }
 
 #slide-out-menu {
-  translate: -100%;
+  transform: translateX(-100%);
   transition: 300ms ease-in-out;
   /* Hide scrollbar for WebKit (Chrome, Safari) */
   /* Hide scrollbar for Firefox */
@@ -2675,7 +2663,7 @@ body.login {
 }
 
 #slide-out-menu.open {
-  transform: translateX(100%);
+  transform: translateX(0);
 }
 
 #header-nav.out-of-view {

assets/js/index.js

@@ -496,9 +496,11 @@ class SplashScreen {
     }
   }
   showSplashScreen() {
-    this.splashScreen.classList.remove('hidden');
+    if (window.location.href.indexOf('privacy-policy') === -1) {
-    this.headerNav.classList.add('out-of-view');
+      this.splashScreen.classList.remove('hidden');
-    this.footerNav.classList.add('out-of-view');
+      this.headerNav.classList.add('out-of-view');
+      this.footerNav.classList.add('out-of-view');
+    }
   }
   hideSplashScreen() {
     this.splashScreen.classList.add('close');

templates/internal/living-in-balance.php

@@ -99,7 +99,7 @@ $statesOfWellness = [
                 <li class="accordion bg-<?= $state['color']['bg'] ?> text-<?= $state['color']['text'] ?>">
                   <div class="relative flex px-2 rounded-md justify-between">
                     <div href="" class="gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold flex items-center align-middle">
-                      <p><?php echo $state['title'] ?></p>
+                      <p class="pr-4"><?php echo $state['title'] ?></p>
                     </div>
 
                     <button class="accordion-toggle absolute inset-0 flex w-full h-full">

templates/internal/safety.php

@@ -64,7 +64,7 @@ $safetyPrecaution = [
               <li class="accordion precautions-columns">
                 <div class="relative flex px-2 rounded-md justify-between">
                   <div href="" class="gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold flex items-center align-middle">
-                    <p><?php echo $precaution['title'] ?></p>
+                    <p class="pr-4"><?php echo $precaution['title'] ?></p>
                   </div>
 
                   <button class="accordion-toggle absolute inset-0 flex w-full h-full">