diff --git a/gh-pages/src/app.rs b/gh-pages/src/app.rs
index a29aadd..2e66b3d 100644
--- a/gh-pages/src/app.rs
+++ b/gh-pages/src/app.rs
@@ -26,10 +26,10 @@ pub fn App(cx: Scope) -> impl IntoView {
                         <SliderPage />
                     } />
                     <Route path="/tabbar" view=move |cx| view! {cx,
-                        <MobilePage path="/melt-ui/mobile/tabbar" />
+                        <MobilePage path="/melt-ui?path=/mobile/tabbar" />
                     } />
                     <Route path="/nav-bar" view=move |cx| view! {cx,
-                        <MobilePage path="/melt-ui/mobile/nav-bar" />
+                        <MobilePage path="/melt-ui?path=/mobile/nav-bar" />
                     } />
                     <Route path="/input" view=move |cx| view! {cx,
                         <InputPage />
diff --git a/gh-pages/src/pages/home.rs b/gh-pages/src/pages/home.rs
index 8d41b0c..4022cce 100644
--- a/gh-pages/src/pages/home.rs
+++ b/gh-pages/src/pages/home.rs
@@ -1,9 +1,17 @@
 use leptos::*;
-use leptos_router::use_navigate;
+use leptos_router::{use_navigate, use_query_map};
 use melt_ui::*;
 
 #[component]
 pub fn Home(cx: Scope) -> impl IntoView {
+    let query_map = use_query_map(cx).get();
+    if let Some(path) = query_map.get("path") {
+        let path = store_value(cx, path.clone());
+        request_animation_frame(move || {
+            let navigate = use_navigate(cx);
+            _ = navigate(&path.get_value(), Default::default());
+        });
+    }
     let (theme, set_theme) = create_signal(cx, Theme::light());
     provide_context(cx, theme);
     let (count, set_count) = create_signal(cx, 0.0);