diff --git a/endpoints/subscriptions/get.php b/endpoints/subscriptions/get.php
index e4e5f3d75..10c1cc53d 100644
--- a/endpoints/subscriptions/get.php
+++ b/endpoints/subscriptions/get.php
@@ -193,7 +193,7 @@
   }
 
   if (isset($print)) {
-    printSubscriptions($print, $sort, $categories, $members, $i18n, $colorTheme, "../../", $settings['disabledToBottom']);
+    printSubscriptions($print, $sort, $categories, $members, $i18n, $colorTheme, "../../", $settings['disabledToBottom'], $settings['mobileNavigation']);
   }
 
   if (count($subscriptions) == 0) {
diff --git a/images/siteicons/svg/mobile-menu/about.php b/images/siteicons/svg/mobile-menu/about.php
new file mode 100644
index 000000000..e28f355dc
--- /dev/null
+++ b/images/siteicons/svg/mobile-menu/about.php
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 50 50">
+    <path fill="currentColor" d="M 9 4 C 6.2504839 4 4 6.2504839 4 9 L 4 41 C 4 43.749516 6.2504839 46 9 46 L 41 46 C 43.749516 46 46 43.749516 46 41 L 46 9 C 46 6.2504839 43.749516 4 41 4 L 9 4 z M 9 6 L 41 6 C 42.668484 6 44 7.3315161 44 9 L 44 41 C 44 42.668484 42.668484 44 41 44 L 9 44 C 7.3315161 44 6 42.668484 6 41 L 6 9 C 6 7.3315161 7.3315161 6 9 6 z M 23.451172 12 C 23.179172 12 23 12.171688 23 12.429688 L 23 15.570312 C 23 15.827312 23.178172 16 23.451172 16 L 23.451172 15.998047 L 26.544922 15.998047 C 26.816922 15.998047 27 15.826359 27 15.568359 L 27 12.429688 C 27 12.172688 26.816922 12 26.544922 12 L 23.451172 12 z M 23.474609 20 C 23.190609 20 23 20.151953 23 20.376953 L 23 37.623047 C 23 37.848047 23.188609 37.998047 23.474609 37.998047 L 23.474609 38 L 26.523438 38 C 26.809437 38 27 37.848047 27 37.623047 L 27 20.376953 C 27 20.151953 26.810437 20 26.523438 20 L 23.474609 20 z"></path>
+</svg>
\ No newline at end of file
diff --git a/images/siteicons/svg/mobile-menu/admin.php b/images/siteicons/svg/mobile-menu/admin.php
new file mode 100644
index 000000000..fc52121ec
--- /dev/null
+++ b/images/siteicons/svg/mobile-menu/admin.php
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 50 50">
+<path fill="currentColor" d="M 27 4 C 22.042969 4 18.449219 5.945313 16.5625 8.8125 C 14.789063 11.507813 14.617188 14.933594 15.8125 18.09375 C 15.371094 18.640625 15 19.351563 15.09375 20.46875 C 15.09375 20.488281 15.09375 20.511719 15.09375 20.53125 C 15.261719 21.75 15.628906 22.609375 16.09375 23.21875 C 16.320313 23.515625 16.65625 23.523438 16.9375 23.6875 C 17.105469 24.769531 17.425781 25.867188 17.875 26.75 C 18.128906 27.25 18.382813 27.691406 18.65625 28.0625 C 18.78125 28.234375 18.960938 28.328125 19.09375 28.46875 C 19.105469 29.761719 19.15625 30.78125 19 32.09375 C 18.691406 32.910156 17.949219 33.53125 16.75 34.15625 C 15.5 34.804688 13.855469 35.398438 12.1875 36.125 C 10.519531 36.851563 8.828125 37.734375 7.46875 39.125 C 6.109375 40.515625 5.136719 42.421875 5 44.9375 C 4.984375 45.214844 5.082031 45.484375 5.269531 45.683594 C 5.460938 45.886719 5.722656 46 6 46 L 44 46 C 44.277344 46 44.539063 45.886719 44.730469 45.683594 C 44.917969 45.484375 45.015625 45.214844 45 44.9375 C 44.863281 42.421875 43.914063 40.515625 42.5625 39.125 C 41.210938 37.734375 39.511719 36.847656 37.84375 36.125 C 36.175781 35.402344 34.523438 34.859375 33.25 34.21875 C 32.738281 33.960938 32.324219 33.683594 31.96875 33.40625 C 31.949219 33.382813 31.929688 33.363281 31.90625 33.34375 C 31.820313 33.238281 31.714844 33.15625 31.59375 33.09375 C 31.289063 32.800781 31.050781 32.496094 30.90625 32.15625 C 30.828125 30.816406 30.8125 29.722656 30.8125 28.53125 C 30.933594 28.390625 31.105469 28.289063 31.21875 28.125 C 31.484375 27.746094 31.757813 27.28125 32 26.78125 C 32.429688 25.898438 32.765625 24.859375 32.96875 23.84375 C 33.289063 23.679688 33.65625 23.667969 33.90625 23.34375 C 34.386719 22.714844 34.667969 21.820313 34.78125 20.59375 C 34.84375 19.867188 34.792969 19.210938 34.5625 18.65625 C 34.488281 18.480469 34.363281 18.316406 34.25 18.15625 C 34.574219 17.457031 34.78125 16.65625 34.875 15.75 C 35.011719 14.453125 34.957031 13.007813 34.59375 11.59375 C 34.230469 10.179688 33.554688 8.804688 32.46875 7.75 C 31.53125 6.839844 30.214844 6.28125 28.6875 6.125 L 27.90625 4.5625 C 27.738281 4.214844 27.386719 3.996094 27 4 Z M 26.40625 6.0625 L 27.09375 7.4375 C 27.261719 7.785156 27.613281 8.003906 28 8 C 29.390625 8 30.351563 8.464844 31.09375 9.1875 C 31.835938 9.910156 32.359375 10.945313 32.65625 12.09375 C 32.953125 13.242188 33.015625 14.472656 32.90625 15.53125 C 32.796875 16.589844 32.464844 17.46875 32.21875 17.78125 C 32.019531 18.035156 31.957031 18.375 32.050781 18.683594 C 32.144531 18.992188 32.378906 19.238281 32.6875 19.34375 C 32.683594 19.351563 32.667969 19.363281 32.6875 19.40625 C 32.757813 19.578125 32.851563 19.933594 32.8125 20.40625 C 32.722656 21.378906 32.480469 21.90625 32.3125 22.125 C 32.144531 22.34375 32.058594 22.3125 32.09375 22.3125 C 31.609375 22.320313 31.199219 22.675781 31.125 23.15625 C 30.996094 24.007813 30.601563 25.058594 30.1875 25.90625 C 29.980469 26.332031 29.777344 26.703125 29.59375 26.96875 C 29.410156 27.234375 29.214844 27.398438 29.3125 27.34375 C 29.011719 27.519531 28.820313 27.839844 28.8125 28.1875 C 28.8125 29.585938 28.804688 30.835938 28.90625 32.46875 C 28.914063 32.566406 28.933594 32.660156 28.96875 32.75 C 29.078125 33.039063 29.21875 33.3125 29.375 33.5625 L 25.875 35 L 24.125 35 L 20.53125 33.53125 C 20.699219 33.253906 20.832031 32.949219 20.9375 32.625 C 20.964844 32.566406 20.984375 32.5 21 32.4375 C 21.210938 30.742188 21.09375 29.550781 21.09375 28.09375 C 21.097656 27.734375 20.90625 27.398438 20.59375 27.21875 C 20.667969 27.261719 20.472656 27.132813 20.28125 26.875 C 20.089844 26.617188 19.863281 26.257813 19.65625 25.84375 C 19.238281 25.019531 18.863281 23.960938 18.78125 23.09375 C 18.738281 22.613281 18.355469 22.230469 17.875 22.1875 C 17.910156 22.195313 17.886719 22.1875 17.8125 22.1875 C 17.773438 22.164063 17.71875 22.117188 17.65625 22.03125 C 17.480469 21.800781 17.230469 21.234375 17.09375 20.3125 C 17.09375 20.292969 17.09375 20.300781 17.09375 20.28125 C 17.089844 20.265625 17.097656 20.265625 17.09375 20.25 C 17.078125 19.492188 17.546875 19.070313 17.46875 19.125 C 17.859375 18.851563 18.003906 18.34375 17.8125 17.90625 C 16.585938 15.132813 16.761719 12.164063 18.25 9.90625 C 19.664063 7.757813 22.332031 6.214844 26.40625 6.0625 Z M 19 35.09375 L 23.09375 36.75 L 24 39 L 22.34375 44 L 7.25 44 C 7.523438 42.550781 8.023438 41.402344 8.875 40.53125 C 9.9375 39.441406 11.429688 38.65625 13 37.96875 C 14.570313 37.28125 16.207031 36.691406 17.65625 35.9375 C 18.128906 35.691406 18.578125 35.398438 19 35.09375 Z M 30.875 35.125 C 31.328125 35.457031 31.828125 35.742188 32.34375 36 C 33.804688 36.734375 35.460938 37.289063 37.03125 37.96875 C 38.601563 38.648438 40.066406 39.445313 41.125 40.53125 C 41.96875 41.398438 42.476563 42.550781 42.75 44 L 27.65625 44 L 26 39 L 26.90625 36.75 Z"></path>
+</svg>
\ No newline at end of file
diff --git a/images/siteicons/svg/mobile-menu/clone.php b/images/siteicons/svg/mobile-menu/clone.php
new file mode 100644
index 000000000..c02395aab
--- /dev/null
+++ b/images/siteicons/svg/mobile-menu/clone.php
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 50 50">
+<path fill="currentColor" d="M 10 0 C 6.699219 0 4 2.699219 4 6 C 4 9.300781 6.699219 12 10 12 C 13.300781 12 16 9.300781 16 6 C 16 2.699219 13.300781 0 10 0 Z M 40 0 C 36.699219 0 34 2.699219 34 6 C 34 9.300781 36.699219 12 40 12 C 43.300781 12 46 9.300781 46 6 C 46 2.699219 43.300781 0 40 0 Z M 10 2 C 12.222656 2 14 3.777344 14 6 C 14 8.222656 12.222656 10 10 10 C 7.777344 10 6 8.222656 6 6 C 6 3.777344 7.777344 2 10 2 Z M 40 2 C 42.222656 2 44 3.777344 44 6 C 44 8.222656 42.222656 10 40 10 C 37.777344 10 36 8.222656 36 6 C 36 3.777344 37.777344 2 40 2 Z M 6.09375 13 C 2.746094 13 0 15.746094 0 19.09375 L 0 32.8125 C 0 34.078125 1.042969 35 2.3125 35 L 4 35 L 4 47.6875 C 4 48.957031 5.042969 50 6.3125 50 L 13.8125 50 C 15.082031 50 16.09375 48.957031 16.09375 47.6875 L 16.09375 35 L 17.8125 35 C 19.082031 35 20.09375 33.957031 20.09375 32.6875 L 20.09375 29 C 20.097656 28.640625 19.910156 28.304688 19.597656 28.121094 C 19.285156 27.941406 18.902344 27.941406 18.589844 28.121094 C 18.277344 28.304688 18.089844 28.640625 18.09375 29 L 18.09375 32.6875 C 18.09375 32.816406 17.941406 33 17.8125 33 L 15.09375 33 C 14.542969 33 14.09375 33.449219 14.09375 34 L 14.09375 47.6875 C 14.09375 47.816406 13.941406 48 13.8125 48 L 6.3125 48 C 6.183594 48 6 47.816406 6 47.6875 L 6 34 C 6 33.449219 5.550781 33 5 33 L 2.3125 33 C 2.183594 33 2 32.746094 2 32.8125 L 2 19.09375 C 2 16.839844 3.839844 15 6.09375 15 L 13.90625 15 C 16.160156 15 18 16.839844 18 19.09375 L 18 21 C 17.996094 21.359375 18.183594 21.695313 18.496094 21.878906 C 18.808594 22.058594 19.191406 22.058594 19.503906 21.878906 C 19.816406 21.695313 20.003906 21.359375 20 21 L 20 19.09375 C 20 15.746094 17.253906 13 13.90625 13 Z M 36.09375 13 C 34.671875 13 33.347656 13.484375 32.28125 14.3125 C 31.945313 14.507813 31.75 14.882813 31.789063 15.269531 C 31.824219 15.660156 32.082031 15.992188 32.449219 16.121094 C 32.816406 16.25 33.226563 16.15625 33.5 15.875 C 34.234375 15.304688 35.117188 15 36.09375 15 L 44 15 C 46.253906 15 48.09375 16.839844 48.09375 19.09375 L 48.09375 32.6875 C 48.09375 32.816406 47.941406 33 47.8125 33 L 45.09375 33 C 44.542969 33 44.09375 33.449219 44.09375 34 L 44.09375 47.6875 C 44.09375 47.816406 43.941406 48 43.8125 48 L 36.3125 48 C 36.183594 48 36 47.816406 36 47.6875 L 36 34 C 36 33.449219 35.550781 33 35 33 L 32.3125 33 C 31.953125 32.996094 31.617188 33.183594 31.433594 33.496094 C 31.253906 33.808594 31.253906 34.191406 31.433594 34.503906 C 31.617188 34.816406 31.953125 35.003906 32.3125 35 L 34 35 L 34 47.6875 C 34 48.957031 35.042969 50 36.3125 50 L 43.8125 50 C 45.082031 50 46.09375 48.957031 46.09375 47.6875 L 46.09375 35 L 47.8125 35 C 49.082031 35 50.09375 33.957031 50.09375 32.6875 L 50.09375 19.09375 C 50.09375 15.746094 47.347656 13 44 13 Z M 27.90625 17.96875 C 27.863281 17.976563 27.820313 17.988281 27.78125 18 C 27.40625 18.066406 27.105469 18.339844 27 18.703125 C 26.894531 19.070313 27.003906 19.460938 27.28125 19.71875 L 31.5625 24 L 14 24 C 13.96875 24 13.9375 24 13.90625 24 C 13.355469 24.027344 12.925781 24.496094 12.953125 25.046875 C 12.980469 25.597656 13.449219 26.027344 14 26 L 31.5625 26 L 27.28125 30.28125 C 26.882813 30.679688 26.882813 31.320313 27.28125 31.71875 C 27.679688 32.117188 28.320313 32.117188 28.71875 31.71875 L 34.5625 25.84375 C 34.617188 25.808594 34.671875 25.765625 34.71875 25.71875 L 34.78125 25.625 C 34.804688 25.605469 34.824219 25.585938 34.84375 25.5625 L 35.40625 25 L 34.84375 24.4375 C 34.808594 24.382813 34.765625 24.328125 34.71875 24.28125 L 34.6875 24.28125 C 34.667969 24.257813 34.648438 24.238281 34.625 24.21875 L 28.71875 18.28125 C 28.511719 18.058594 28.210938 17.945313 27.90625 17.96875 Z"></path>
+</svg>
\ No newline at end of file
diff --git a/images/siteicons/svg/mobile-menu/delete.php b/images/siteicons/svg/mobile-menu/delete.php
new file mode 100644
index 000000000..b538746cb
--- /dev/null
+++ b/images/siteicons/svg/mobile-menu/delete.php
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 50 50">
+<path fill="currentColor" d="M 21 2 C 19.354545 2 18 3.3545455 18 5 L 18 7 L 10 7 L 8 7 A 1.0001 1.0001 0 1 0 8 9 L 9 9 L 9 45 C 9 46.654 10.346 48 12 48 L 31.074219 48 C 30.523219 47.386 30.033187 46.718 29.617188 46 L 12 46 C 11.448 46 11 45.551 11 45 L 11 9 L 18.832031 9 A 1.0001 1.0001 0 0 0 19.158203 9 L 30.832031 9 A 1.0001 1.0001 0 0 0 31.158203 9 L 39 9 L 39 28.050781 C 39.331 28.023781 39.662 28 40 28 C 40.338 28 40.669 28.023781 41 28.050781 L 41 9 L 42 9 A 1.0001 1.0001 0 1 0 42 7 L 40 7 L 32 7 L 32 5 C 32 3.3545455 30.645455 2 29 2 L 21 2 z M 21 4 L 29 4 C 29.554545 4 30 4.4454545 30 5 L 30 7 L 20 7 L 20 5 C 20 4.4454545 20.445455 4 21 4 z M 18.984375 13.986328 A 1.0001 1.0001 0 0 0 18 15 L 18 40 A 1.0001 1.0001 0 1 0 20 40 L 20 15 A 1.0001 1.0001 0 0 0 18.984375 13.986328 z M 24.984375 13.986328 A 1.0001 1.0001 0 0 0 24 15 L 24 40 A 1.0001 1.0001 0 1 0 26 40 L 26 15 A 1.0001 1.0001 0 0 0 24.984375 13.986328 z M 31 14 C 30.447 14 30 14.448 30 15 L 30 33.371094 C 30.565 32.520094 31.242 31.753219 32 31.074219 L 32 15 C 32 14.448 31.553 14 31 14 z M 40 30 C 34.5 30 30 34.5 30 40 C 30 45.5 34.5 50 40 50 C 45.5 50 50 45.5 50 40 C 50 34.5 45.5 30 40 30 z M 40 32 C 44.4 32 48 35.6 48 40 C 48 44.4 44.4 48 40 48 C 35.6 48 32 44.4 32 40 C 32 35.6 35.6 32 40 32 z M 36.5 35.5 C 36.25 35.5 36.000781 35.600781 35.800781 35.800781 C 35.400781 36.200781 35.400781 36.799219 35.800781 37.199219 L 38.599609 40 L 35.800781 42.800781 C 35.400781 43.200781 35.400781 43.799219 35.800781 44.199219 C 36.200781 44.599219 36.799219 44.599219 37.199219 44.199219 L 40 41.400391 L 42.800781 44.199219 C 43.200781 44.599219 43.799219 44.599219 44.199219 44.199219 C 44.399219 43.999219 44.5 43.7 44.5 43.5 C 44.5 43.3 44.399219 43.000781 44.199219 42.800781 L 41.400391 40 L 44.199219 37.199219 C 44.399219 36.999219 44.5 36.7 44.5 36.5 C 44.5 36.3 44.399219 36.000781 44.199219 35.800781 C 43.799219 35.400781 43.200781 35.400781 42.800781 35.800781 L 40 38.599609 L 37.199219 35.800781 C 36.999219 35.600781 36.75 35.5 36.5 35.5 z"></path>
+</svg>
\ No newline at end of file
diff --git a/images/siteicons/svg/mobile-menu/edit.php b/images/siteicons/svg/mobile-menu/edit.php
new file mode 100644
index 000000000..bdf4ec152
--- /dev/null
+++ b/images/siteicons/svg/mobile-menu/edit.php
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 50 50">
+<path fill="currentColor" d="M 44.34375 2 C 43.402344 2 42.433594 2.347656 41.71875 3.0625 L 40.375 4.4375 L 45.5625 9.625 C 45.558594 9.628906 46.9375 8.28125 46.9375 8.28125 C 48.371094 6.847656 48.371094 4.496094 46.9375 3.0625 C 46.21875 2.34375 45.285156 2 44.34375 2 Z M 38.75 5.9375 L 16.03125 28.65625 L 15.96875 28.96875 L 15.03125 33.8125 L 14.71875 35.28125 L 16.1875 34.96875 L 21.03125 34.03125 L 21.34375 33.96875 L 44.0625 11.25 L 42.625 9.84375 L 20.375 32.0625 L 17.9375 29.625 L 40.15625 7.375 Z M 3 10 C 2.445313 10 2 10.449219 2 11 L 2 47 C 2 47.550781 2.445313 48 3 48 L 39 48 C 39.554688 48 40 47.550781 40 47 L 40 18 L 38 20 L 38 46 L 4 46 L 4 12 L 30 12 L 32 10 Z"></path>
+</svg>
\ No newline at end of file
diff --git a/images/siteicons/svg/mobile-menu/logout.php b/images/siteicons/svg/mobile-menu/logout.php
new file mode 100644
index 000000000..fbdf9a94a
--- /dev/null
+++ b/images/siteicons/svg/mobile-menu/logout.php
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 50 50">
+    <path fill="currentColor" d="M 9.0175781 0 A 1.0001 1.0001 0 0 0 8 1 L 8 44 A 1.0001 1.0001 0 0 0 9.40625 44.914062 L 18.265625 40.976562 A 1.0001 1.0001 0 0 0 19 40 L 19 6 L 39 6 L 39 40 A 1.0001 1.0001 0 1 0 41 40 L 41 5 A 1.0001 1.0001 0 0 0 40 4 L 18.212891 4 L 9.40625 0.0859375 A 1.0001 1.0001 0 0 0 9.0175781 0 z M 10 2.5390625 L 17 5.6503906 L 17 39.349609 L 10 42.460938 L 10 2.5390625 z M 29.023438 8 C 26.83483 8 25.048828 9.8070917 25.048828 12 C 25.048828 14.192908 26.834831 16 29.023438 16 C 31.212044 16 33 14.192908 33 12 C 33 9.8070917 31.212044 8 29.023438 8 z M 29.023438 10 C 30.122831 10 31 10.878908 31 12 C 31 13.121092 30.122831 14 29.023438 14 C 27.924043 14 27.048828 13.121092 27.048828 12 C 27.048828 10.878908 27.924044 10 29.023438 10 z M 29 17 C 25.698375 17 23 19.698375 23 23 L 23 28 A 1.0001 1.0001 0 0 0 23.292969 28.707031 L 25.050781 30.464844 L 26.007812 38.125 A 1.0001 1.0001 0 0 0 27 39 L 31 39 A 1.0001 1.0001 0 0 0 31.992188 38.125 L 32.949219 30.464844 L 34.707031 28.707031 A 1.0001 1.0001 0 0 0 35 28 L 35 23 C 35 19.69757 32.301384 17 29 17 z M 29 19 C 31.220616 19 33 20.77843 33 23 L 33 27.585938 L 31.292969 29.292969 A 1.0001 1.0001 0 0 0 31.007812 29.875 L 30.117188 37 L 27.882812 37 L 26.992188 29.875 A 1.0001 1.0001 0 0 0 26.707031 29.292969 L 25 27.585938 L 25 23 C 25 20.779625 26.779625 19 29 19 z M 12 21 C 11.448 21 11 21.672 11 22.5 C 11 23.328 11.448 24 12 24 C 12.552 24 13 23.328 13 22.5 C 13 21.672 12.552 21 12 21 z M 22 42 A 1.0001 1.0001 0 0 0 21.050781 42.683594 L 19.050781 48.683594 A 1.0001 1.0001 0 0 0 20 50 L 38 50 A 1.0001 1.0001 0 0 0 38.949219 48.683594 L 36.949219 42.683594 A 1.0001 1.0001 0 0 0 36 42 L 22 42 z M 22.720703 44 L 35.279297 44 L 36.611328 48 L 21.388672 48 L 22.720703 44 z"></path>
+</svg>
\ No newline at end of file
diff --git a/includes/getsettings.php b/includes/getsettings.php
index 1ffeaf816..5bcf5df98 100644
--- a/includes/getsettings.php
+++ b/includes/getsettings.php
@@ -27,6 +27,7 @@
     $settings['hideDisabledSubscriptions'] = $settings['hide_disabled'] ? 'true': 'false';
     $settings['disabledToBottom'] = $settings['disabled_to_bottom'] ? 'true': 'false';
     $settings['showOriginalPrice'] = $settings['show_original_price'] ? 'true': 'false';
+    $settings['mobileNavigation'] = $settings['mobile_nav'] ? 'true': 'false';
 }
 
 $query = "SELECT * FROM custom_colors WHERE user_id = :userId";
diff --git a/includes/header.php b/includes/header.php
index 9adfdbc2a..77537f71d 100644
--- a/includes/header.php
+++ b/includes/header.php
@@ -106,6 +106,7 @@ function hex2rgb($hex)
     window.update_theme_settings = "<?= $updateThemeSettings ?>";
     window.lang = "<?= $lang ?>";
     window.colorTheme = "<?= $colorTheme ?>";
+    window.mobileNavigation = "<?= $mobileNavigation !== "" ?>";
   </script>
   <style>
     <?= htmlspecialchars($customCss, ENT_QUOTES, 'UTF-8') ?>
@@ -165,25 +166,37 @@ function hex2rgb($hex)
             <span id="user" class="mobileNavigationHideOnMobile"><?= $username ?></span>
           </button>
           <div class="dropdown-content">
-            <a href="profile.php" class="mobileNavigationHideOnMobile"><i
-                class="fa-solid fa-user"></i><?= translate('profile', $i18n) ?></a>
-            <a href="." class="mobileNavigationHideOnMobile"><i
-                class="fa-solid fa-list"></i><?= translate('subscriptions', $i18n) ?></a>
-            <a href="calendar.php" class="mobileNavigationHideOnMobile"><i
-                class="fa-solid fa-calendar"></i><?= translate('calendar', $i18n) ?></a>
-            <a href="stats.php" class="mobileNavigationHideOnMobile"><i
-                class="fa-solid fa-chart-simple"></i><?= translate('stats', $i18n) ?></a>
-            <a href="settings.php" class="mobileNavigationHideOnMobile"><i
-                class="fa-solid fa-gear"></i><?= translate('settings', $i18n) ?></a>
+            <a href="profile.php" class="mobileNavigationHideOnMobile">
+              <?php include "images/siteicons/svg/mobile-menu/profile.php"; ?>
+              <?= translate('profile', $i18n) ?></a>
+            <a href="." class="mobileNavigationHideOnMobile">
+              <?php include "images/siteicons/svg/mobile-menu/home.php"; ?>
+              <?= translate('subscriptions', $i18n) ?></a>
+            <a href="calendar.php" class="mobileNavigationHideOnMobile">
+                <?php include "images/siteicons/svg/mobile-menu/calendar.php"; ?>
+                <?= translate('calendar', $i18n) ?></a>
+            <a href="stats.php" class="mobileNavigationHideOnMobile">
+              <?php include "images/siteicons/svg/mobile-menu/statistics.php"; ?>
+              <?= translate('stats', $i18n) ?></a>
+            <a href="settings.php" class="mobileNavigationHideOnMobile">
+              <?php include "images/siteicons/svg/mobile-menu/settings.php"; ?>
+              <?= translate('settings', $i18n) ?></a>
             <?php if ($isAdmin): ?>
-              <a href="admin.php"><i class="fa-solid fa-user-tie"></i><?= translate('admin', $i18n) ?></a>
+              <a href="admin.php">
+                <?php include "images/siteicons/svg/mobile-menu/admin.php"; ?>
+                <?= translate('admin', $i18n) ?>
+              </a>
             <?php endif; ?>
-            <a href="about.php"><i class="fa-solid fa-info-circle"></i><?= translate('about', $i18n) ?></a>
+            <a href="about.php">
+              <?php include "images/siteicons/svg/mobile-menu/about.php"; ?>
+              <?= translate('about', $i18n) ?>
+            </a>
             <?php
             if ($settings['disableLogin'] == 0) {
               ?>
-              <a href="logout.php"><i
-                  class="fa-solid fa-arrow-right-from-bracket"></i><?= translate('logout', $i18n) ?></a>
+              <a href="logout.php">
+                <?php include "images/siteicons/svg/mobile-menu/logout.php"; ?>
+                <?= translate('logout', $i18n) ?></a>
               <?php
             }
             ?>
diff --git a/includes/list_subscriptions.php b/includes/list_subscriptions.php
index 10515d933..a9b74f394 100644
--- a/includes/list_subscriptions.php
+++ b/includes/list_subscriptions.php
@@ -51,7 +51,7 @@ function getPriceConverted($price, $currency, $database)
     }
 }
 
-function printSubscriptions($subscriptions, $sort, $categories, $members, $i18n, $colorTheme, $imagePath, $disabledToBottom)
+function printSubscriptions($subscriptions, $sort, $categories, $members, $i18n, $colorTheme, $imagePath, $disabledToBottom, $mobileNavigation)
 {
     if ($sort === "price") {
         usort($subscriptions, function ($a, $b) {
@@ -99,94 +99,125 @@ function printSubscriptions($subscriptions, $sort, $categories, $members, $i18n,
             $currentPaymentMethodId = $subscription['payment_method_id'];
         }
         ?>
-        <div class="subscription<?= $subscription['inactive'] ? ' inactive' : '' ?>"
-            onClick="toggleOpenSubscription(<?= $subscription['id'] ?>)" data-id="<?= $subscription['id'] ?>"
-            data-name="<?= $subscription['name'] ?>">
-            <div class="subscription-main">
-                <span class="logo">
-                    <?php
-                    if ($subscription['logo'] != "") {
-                        ?>
-                        <img src="<?= $subscription['logo'] ?>">
-                        <?php
-                    } else {
-                        include $imagePath . "images/siteicons/svg/logo.php";
-                    }
-                    ?>
-                </span>
-                <span class="name"><?= $subscription['name'] ?></span>
-                <span class="cycle"><?= $subscription['billing_cycle'] ?></span>
-                <span class="next"><?= $subscription['next_payment'] ?></span>
-                <span class="price">
-                    <span class="payment_method">
-                        <img src="<?= $subscription['payment_method_icon'] ?>"
-                            title="<?= translate('payment_method', $i18n) ?>: <?= $subscription['payment_method_name'] ?>" />
-                    </span>
-                    <span class="value">
-                        <?= CurrencyFormatter::format($subscription['price'], $subscription['currency_code']) ?>
+        <div class="subscription-container">
+            <?php
+            if ($mobileNavigation === 'true') {
+                ?>
+                <div class="mobile-actions" data-id="<?= $subscription['id'] ?>">
+                    <button class="mobile-action-edit"></button>
+                    <button class="mobile-action-edit" onClick="openEditSubscription(event, <?= $subscription['id'] ?>)">
+                        <?php include $imagePath . "images/siteicons/svg/mobile-menu/edit.php"; ?>
+                        Edit
+                    </button>
+                    <button class="mobile-action-delete" onClick="deleteSubscription(event, <?= $subscription['id'] ?>)">
+                        <?php include $imagePath . "images/siteicons/svg/mobile-menu/delete.php"; ?>
+                        Delete
+                    </button>
+                    <button class="mobile-action-clone" onClick="cloneSubscription(event, <?= $subscription['id'] ?>)">
+                        <?php include $imagePath . "images/siteicons/svg/mobile-menu/clone.php"; ?>
+                        Clone
+                    </button>
+                </div>
+                <?php
+            }
+            ?>
+
+            <div class="subscription<?= $subscription['inactive'] ? ' inactive' : '' ?>"
+                onClick="toggleOpenSubscription(<?= $subscription['id'] ?>)" data-id="<?= $subscription['id'] ?>"
+                data-name="<?= $subscription['name'] ?>">
+                <div class="subscription-main">
+                    <span class="logo">
                         <?php
-                        if (isset($subscription['original_price']) && $subscription['original_price'] != $subscription['price']) {
+                        if ($subscription['logo'] != "") {
                             ?>
-                            <span
-                                class="original_price">(<?= CurrencyFormatter::format($subscription['original_price'], $subscription['original_currency_code']) ?>)</span>
+                            <img src="<?= $subscription['logo'] ?>">
                             <?php
+                        } else {
+                            include $imagePath . "images/siteicons/svg/logo.php";
                         }
                         ?>
                     </span>
-                </span>
-                <button type="button" class="actions-expand" onClick="expandActions(event, <?= $subscription['id'] ?>)">
-                    <i class="fas fa-ellipsis-v"></i>
-                </button>
-                <ul class="actions">
-                    <li class="edit" title="<?= translate('edit_subscription', $i18n) ?>"
-                        onClick="openEditSubscription(event, <?= $subscription['id'] ?>)">
-                        <?php include $imagePath . "images/siteicons/svg/edit.php"; ?>
-                        <?= translate('edit_subscription', $i18n) ?>
-                    </li>
-                    <li class="delete" title="<?= translate('delete', $i18n) ?>"
-                        onClick="deleteSubscription(event, <?= $subscription['id'] ?>)">
-                        <?php include $imagePath . "images/siteicons/svg/delete.php"; ?>
-                        <?= translate('delete', $i18n) ?>
-                    </li>
-                    <li class="clone" title="<?= translate('clone', $i18n) ?>"
-                        onClick="cloneSubscription(event, <?= $subscription['id'] ?>)">
-                        <?php include $imagePath . "images/siteicons/svg/clone.php"; ?>
-                        <?= translate('clone', $i18n) ?>
-                    </li>
-                </ul>
-            </div>
-            <div class="subscription-secondary">
-                <span
-                    class="name"><?php include $imagePath . "images/siteicons/svg/subscription.php"; ?><?= $subscription['name'] ?></span>
-                <span class="payer_user"
-                    title="<?= translate('paid_by', $i18n) ?>"><?php include $imagePath . "images/siteicons/svg/payment.php"; ?><?= $members[$subscription['payer_user_id']]['name'] ?></span>
-                <span class="category"
-                    title="<?= translate('category', $i18n) ?>"><?php include $imagePath . "images/siteicons/svg/category.php"; ?><?= $categories[$subscription['category_id']]['name'] ?></span>
-                <?php
-                if ($subscription['url'] != "") {
-                    $url = $subscription['url'];
-                    if (!preg_match('/^https?:\/\//', $url)) {
-                        $url = "https://" . $url;
+                    <span class="name"><?= $subscription['name'] ?></span>
+                    <span class="cycle"><?= $subscription['billing_cycle'] ?></span>
+                    <span class="next"><?= $subscription['next_payment'] ?></span>
+                    <span class="price">
+                        <span class="payment_method">
+                            <img src="<?= $subscription['payment_method_icon'] ?>"
+                                title="<?= translate('payment_method', $i18n) ?>: <?= $subscription['payment_method_name'] ?>" />
+                        </span>
+                        <span class="value">
+                            <?= CurrencyFormatter::format($subscription['price'], $subscription['currency_code']) ?>
+                            <?php
+                            if (isset($subscription['original_price']) && $subscription['original_price'] != $subscription['price']) {
+                                ?>
+                                <span
+                                    class="original_price">(<?= CurrencyFormatter::format($subscription['original_price'], $subscription['original_currency_code']) ?>)</span>
+                                <?php
+                            }
+                            ?>
+                        </span>
+                    </span>
+                    <?php
+                        $desktopMenuButtonClass = "";
+                        if ($mobileNavigation === "true") {
+                            $desktopMenuButtonClass = "mobileNavigationHideOnMobile";
+                        }
+                    ?>
+                    <button type="button" class="actions-expand <?= $desktopMenuButtonClass ?>"
+                        onClick="expandActions(event, <?= $subscription['id'] ?>)">
+                        <i class="fas fa-ellipsis-v"></i>
+                    </button>
+                    <ul class="actions">
+                        <li class="edit" title="<?= translate('edit_subscription', $i18n) ?>"
+                            onClick="openEditSubscription(event, <?= $subscription['id'] ?>)">
+                            <?php include $imagePath . "images/siteicons/svg/edit.php"; ?>
+                            <?= translate('edit_subscription', $i18n) ?>
+                        </li>
+                        <li class="delete" title="<?= translate('delete', $i18n) ?>"
+                            onClick="deleteSubscription(event, <?= $subscription['id'] ?>)">
+                            <?php include $imagePath . "images/siteicons/svg/delete.php"; ?>
+                            <?= translate('delete', $i18n) ?>
+                        </li>
+                        <li class="clone" title="<?= translate('clone', $i18n) ?>"
+                            onClick="cloneSubscription(event, <?= $subscription['id'] ?>)">
+                            <?php include $imagePath . "images/siteicons/svg/clone.php"; ?>
+                            <?= translate('clone', $i18n) ?>
+                        </li>
+                    </ul>
+                </div>
+                <div class="subscription-secondary">
+                    <span
+                        class="name"><?php include $imagePath . "images/siteicons/svg/subscription.php"; ?><?= $subscription['name'] ?></span>
+                    <span class="payer_user"
+                        title="<?= translate('paid_by', $i18n) ?>"><?php include $imagePath . "images/siteicons/svg/payment.php"; ?><?= $members[$subscription['payer_user_id']]['name'] ?></span>
+                    <span class="category"
+                        title="<?= translate('category', $i18n) ?>"><?php include $imagePath . "images/siteicons/svg/category.php"; ?><?= $categories[$subscription['category_id']]['name'] ?></span>
+                    <?php
+                    if ($subscription['url'] != "") {
+                        $url = $subscription['url'];
+                        if (!preg_match('/^https?:\/\//', $url)) {
+                            $url = "https://" . $url;
+                        }
+                        ?>
+                        <span class="url" title="<?= translate('external_url', $i18n) ?>"><a href="<?= $url ?>"
+                                target="_blank"><?php include $imagePath . "images/siteicons/svg/web.php"; ?></a></span>
+                        <?php
                     }
                     ?>
-                    <span class="url" title="<?= translate('external_url', $i18n) ?>"><a href="<?= $url ?>"
-                            target="_blank"><?php include $imagePath . "images/siteicons/svg/web.php"; ?></a></span>
+                </div>
+                <?php
+                if ($subscription['notes'] != "") {
+                    ?>
+                    <div class="subscription-notes">
+                        <span class="notes">
+                            <?php include $imagePath . "images/siteicons/svg/notes.php"; ?>
+                            <?= $subscription['notes'] ?>
+                        </span>
+                    </div>
                     <?php
                 }
                 ?>
             </div>
-            <?php
-            if ($subscription['notes'] != "") {
-                ?>
-                <div class="subscription-notes">
-                    <span class="notes">
-                        <?php include $imagePath . "images/siteicons/svg/notes.php"; ?>
-                        <?= $subscription['notes'] ?>
-                    </span>
-                </div>
-                <?php
-            }
-            ?>
         </div>
         <?php
     }
diff --git a/includes/version.php b/includes/version.php
index c9232b068..d8994a76b 100644
--- a/includes/version.php
+++ b/includes/version.php
@@ -1,3 +1,3 @@
 <?php
-$version = "v2.34.0";
+$version = "v2.35.0";
 ?>
\ No newline at end of file
diff --git a/index.php b/index.php
index 6dbe32035..cf71f21ea 100644
--- a/index.php
+++ b/index.php
@@ -396,7 +396,7 @@
     }
 
     if (isset($print)) {
-      printSubscriptions($print, $sort, $categories, $members, $i18n, $colorTheme, "", $settings['disabledToBottom']);
+      printSubscriptions($print, $sort, $categories, $members, $i18n, $colorTheme, "", $settings['disabledToBottom'], $settings['mobileNavigation']);
     }
     $db->close();
 
diff --git a/scripts/dashboard.js b/scripts/dashboard.js
index d29ffb336..80d4304d6 100644
--- a/scripts/dashboard.js
+++ b/scripts/dashboard.js
@@ -332,10 +332,12 @@ function fetchSubscriptions(id, event) {
           mainActions.classList.remove("hidden");
         }
       }
-      
+
       if (id && event) {
         openEditSubscription(event, id);
       }
+
+      setSwipeElements();
     })
     .catch(error => {
       console.error(translate('error_reloading_subscription'), error);
@@ -491,6 +493,60 @@ function closeSubMenus() {
 
 }
 
+function setSwipeElements() {
+  if (window.mobileNavigation) {
+    const swipeElements = document.querySelectorAll('.subscription');
+
+    swipeElements.forEach((element) => {
+      let startX = 0;
+      let startY = 0;
+      let currentX = 0;
+      let currentY = 0;
+      let translateX = 0;
+      const maxTranslateX = -180;
+
+      element.addEventListener('touchstart', (e) => {
+        startX = e.touches[0].clientX;
+        startY = e.touches[0].clientY;
+        element.style.transition = ''; // Remove transition for smooth dragging
+      });
+
+      element.addEventListener('touchmove', (e) => {
+        currentX = e.touches[0].clientX;
+        currentY = e.touches[0].clientY;
+
+        const diffX = currentX - startX;
+        const diffY = currentY - startY;
+
+        // Check if the swipe is more horizontal than vertical
+        if (Math.abs(diffX) > Math.abs(diffY)) {
+          e.preventDefault(); // Prevent vertical scrolling
+
+          // Only update translateX if swiping within allowed range
+          if (!(translateX === maxTranslateX && diffX < 0)) {
+            translateX = Math.min(0, Math.max(maxTranslateX, diffX)); // Clamp translateX between -180 and 0
+            element.style.transform = `translateX(${translateX}px)`;
+          }
+        }
+      });
+
+      element.addEventListener('touchend', () => {
+        // Check the final swipe position to determine snap behavior
+        if (translateX < maxTranslateX / 2) {
+          // If more than halfway to the left, snap fully open
+          translateX = maxTranslateX;
+        } else {
+          // If swiped less than halfway left or swiped right, snap back to closed
+          translateX = 0;
+        }
+        element.style.transition = 'transform 0.2s ease'; // Smooth snap effect
+        element.style.transform = `translateX(${translateX}px)`;
+      });
+    });
+
+  }
+}
+
 const activeFilters = [];
 activeFilters['categories'] = [];
 activeFilters['members'] = [];
@@ -516,6 +572,9 @@ document.addEventListener("DOMContentLoaded", function () {
       }
     }
   });
+
+  setSwipeElements();
+
 });
 
 function toggleSubMenu(subMenu) {
@@ -556,14 +615,14 @@ document.querySelectorAll('.filter-item').forEach(function (item) {
       }
     } else if (this.hasAttribute('data-memberid')) {
       const memberId = this.getAttribute('data-memberid');
-        if (activeFilters['members'].includes(memberId)) {
-            const memberIndex = activeFilters['members'].indexOf(memberId);
-            activeFilters['members'].splice(memberIndex, 1);
-            this.classList.remove('selected');
-        } else {
-            activeFilters['members'].push(memberId);
-            this.classList.add('selected');
-        }
+      if (activeFilters['members'].includes(memberId)) {
+        const memberIndex = activeFilters['members'].indexOf(memberId);
+        activeFilters['members'].splice(memberIndex, 1);
+        this.classList.remove('selected');
+      } else {
+        activeFilters['members'].push(memberId);
+        this.classList.add('selected');
+      }
     } else if (this.hasAttribute('data-paymentid')) {
       const paymentId = this.getAttribute('data-paymentid');
       if (activeFilters['payments'].includes(paymentId)) {
diff --git a/styles/dark-theme.css b/styles/dark-theme.css
index c97d1ee60..72f6aeed2 100644
--- a/styles/dark-theme.css
+++ b/styles/dark-theme.css
@@ -58,7 +58,7 @@ svg .text-color {
 }
 
 .subscription.inactive {
-    background-color: rgba(24, 24, 24, 0.3);
+    background-color: #222;
     color: rgba(200, 200, 200, 0.6);
     box-shadow: 0 2px 5px rgba(50, 50, 50, 0.1);
 }
@@ -80,6 +80,10 @@ svg .text-color {
     border: none;
 }
 
+.subscription-container {
+    background-color: #222;
+  }
+
 .close-form {
     color: #EEE;
 }
diff --git a/styles/styles.css b/styles/styles.css
index db153ade9..bf8290f6b 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -177,6 +177,7 @@ header .logo .logo-image svg {
   display: flex;
   flex-direction: row;
   gap: 12px;
+  align-items: center;
 }
 
 .dropdown-content a:hover {
@@ -187,6 +188,11 @@ header .logo .logo-image svg {
   display: block;
 }
 
+.dropdown-content a>svg {
+  width: 20px;
+  height: 20px;
+}
+
 @media (max-width: 768px) {
   .dropdown:hover .dropdown-content {
     display: none;
@@ -332,6 +338,57 @@ button:hover svg .main-color {
   font-size: 17px;
 }
 
+.subscription-container {
+  position: relative;
+  background-color: #FFFFFF;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+  border-radius: 16px;
+  background-color: #FFFFFF;
+}
+
+.subscription-container > .mobile-actions {
+  display: flex;
+  flex-direction: row;
+  position: absolute;
+  right: 0px;
+  top: 0px;
+  height: 100%;
+  overflow: hidden;
+  border-top-right-radius: 16px;
+  border-bottom-right-radius: 16px;
+}
+
+.subscription-container > .mobile-actions > button {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 10px;
+  border: none;
+  cursor: pointer;
+  height: 100%;
+  width: 60px;
+  justify-content: center;
+  color: #f1f1f1;
+}
+
+button.mobile-action-edit {
+  background-color: #ffbf15; /* #f3e22d; */
+}
+
+button.mobile-action-delete {
+  background-color: #f45a40;
+}
+
+button.mobile-action-clone {
+  background-color: #2da7f3
+}
+
+.subscription-container > .mobile-actions > button > svg {
+  width: 25px;
+  height: 25px;
+  min-height: 25px;
+}
+
 .subscription {
   display: flex;
   flex-direction: column;
@@ -343,6 +400,8 @@ button:hover svg .main-color {
   padding: 12px 15px;
   border-radius: 16px;
   cursor: pointer;
+  position: relative;
+  transition: transform 0.2s;
 }
 
 .subscription.hide {
@@ -350,7 +409,7 @@ button:hover svg .main-color {
 }
 
 .subscription.inactive {
-  background-color: rgba(255, 255, 255, 0.6);
+  background-color: #FFF;
   color: rgba(100, 100, 100, 0.6);
   box-shadow: 0 2px 5px rgba(100, 100, 100, 0.1);
 }
@@ -2630,7 +2689,7 @@ input[type="radio"]:checked+label::after {
     max-width: 85%;
   }
 
-  .mobile-nav>a.active{
+  .mobile-nav>a.active {
     color: #202020;
   }