diff --git a/src/routes/events/+layout.svelte b/src/routes/events/+layout.svelte
index 705666cf..fcf2de91 100644
--- a/src/routes/events/+layout.svelte
+++ b/src/routes/events/+layout.svelte
@@ -124,6 +124,7 @@ function scroll_container() {
 {#if !$ae_sess?.disable_sys_nav}
 <nav
     bind:clientHeight={nav_y_height}
+    class:hidden={yTop > 600}
     class:opacity-0={yTop > 250}
     class="
         submenu
@@ -273,6 +274,7 @@ function scroll_container() {
 
 {#if !$ae_sess?.disable_sys_footer}
 <footer
+    class:hidden={yTop > 300}
     class:opacity-80={yTop < 250}
     class:opacity-0={yTop > 250}
     class="
diff --git a/src/routes/journals/+layout.svelte b/src/routes/journals/+layout.svelte
index ad90fad4..7cba76c0 100644
--- a/src/routes/journals/+layout.svelte
+++ b/src/routes/journals/+layout.svelte
@@ -118,6 +118,7 @@ function scroll_container() {
 <!-- class:hidden={yTop > 200} -->
 <nav
     bind:clientHeight={nav_y_height}
+    class:hidden={yTop > 600}
     class:opacity-0={yTop > 250}
     class="
         submenu
@@ -128,8 +129,8 @@ function scroll_container() {
         min-h-12
         p-1 px-2 pb-2 m-auto
 
-        flex flex-col sm:flex-row sm:flex-wrap
-        items-center justify-between
+        flex flex-row flex-wrap
+        items-center justify-around sm:justify-between
         gap-1
 
         border-b-2 rounded-b-lg
@@ -382,6 +383,7 @@ function scroll_container() {
 
 
 <footer
+    class:hidden={yTop > 300}
     class:opacity-80={yTop < 250}
     class:opacity-0={yTop > 250}
     class="