diff --git a/data/static/css/style.css b/data/static/css/style.css
index 67271d0..47307a1 100644
--- a/data/static/css/style.css
+++ b/data/static/css/style.css
@@ -60,11 +60,6 @@ body {
   color: black;
 }
 
-@media (orientation: portrait) {
-  body {
-    margin: 20px 0;
-  }
-}
 :where(a:link) {
   color: #c11c1c;
 }
@@ -1539,3 +1534,19 @@ img.badge-button {
   background-color: rgb(186.8501612903, 155.5098387097, 132.6498387097);
   color: black;
 }
+
+@media (orientation: portrait) {
+  body {
+    margin: 20px 0;
+  }
+  .guide-container {
+    grid-template-areas: "guide-toc" "guide-topics";
+    grid-template-columns: unset;
+  }
+  .guide-toc {
+    position: unset;
+  }
+  .guide-section {
+    padding-right: 20px;
+  }
+}
diff --git a/data/static/css/theme-otomotone.css b/data/static/css/theme-otomotone.css
index c4a4f03..2ee7b7e 100644
--- a/data/static/css/theme-otomotone.css
+++ b/data/static/css/theme-otomotone.css
@@ -60,11 +60,6 @@ body {
   color: #e6e6e6;
 }
 
-@media (orientation: portrait) {
-  body {
-    margin: 20px 0;
-  }
-}
 :where(a:link) {
   color: #e87fe1;
 }
@@ -1540,6 +1535,21 @@ img.badge-button {
   color: black;
 }
 
+@media (orientation: portrait) {
+  body {
+    margin: 20px 0;
+  }
+  .guide-container {
+    grid-template-areas: "guide-toc" "guide-topics";
+    grid-template-columns: unset;
+  }
+  .guide-toc {
+    position: unset;
+  }
+  .guide-section {
+    padding-right: 20px;
+  }
+}
 #topnav {
   margin-bottom: 10px;
   border: 10px solid rgb(40, 40, 40);
diff --git a/data/static/css/theme-peachy.css b/data/static/css/theme-peachy.css
index 731c12f..3149f4e 100644
--- a/data/static/css/theme-peachy.css
+++ b/data/static/css/theme-peachy.css
@@ -60,11 +60,6 @@ body {
   color: black;
 }
 
-@media (orientation: portrait) {
-  body {
-    margin: 12px 0;
-  }
-}
 :where(a:link) {
   color: black;
 }
@@ -1540,6 +1535,21 @@ img.badge-button {
   color: black;
 }
 
+@media (orientation: portrait) {
+  body {
+    margin: 12px 0;
+  }
+  .guide-container {
+    grid-template-areas: "guide-toc" "guide-topics";
+    grid-template-columns: unset;
+  }
+  .guide-toc {
+    position: unset;
+  }
+  .guide-section {
+    padding-right: 12px;
+  }
+}
 #topnav {
   border-top-left-radius: 16px;
   border-top-right-radius: 16px;
diff --git a/data/static/css/theme-snow-white.css b/data/static/css/theme-snow-white.css
index d9c0767..f70baef 100644
--- a/data/static/css/theme-snow-white.css
+++ b/data/static/css/theme-snow-white.css
@@ -60,11 +60,6 @@ body {
   color: black;
 }
 
-@media (orientation: portrait) {
-  body {
-    margin: 20px 0;
-  }
-}
 :where(a:link) {
   color: #711579;
 }
@@ -1539,3 +1534,19 @@ img.badge-button {
   background-color: rgb(186.8501612903, 155.5098387097, 132.6498387097);
   color: black;
 }
+
+@media (orientation: portrait) {
+  body {
+    margin: 20px 0;
+  }
+  .guide-container {
+    grid-template-areas: "guide-toc" "guide-topics";
+    grid-template-columns: unset;
+  }
+  .guide-toc {
+    position: unset;
+  }
+  .guide-section {
+    padding-right: 20px;
+  }
+}
diff --git a/sass/_default.scss b/sass/_default.scss
index d5e3563..c9478cc 100644
--- a/sass/_default.scss
+++ b/sass/_default.scss
@@ -178,13 +178,6 @@ body {
   color: $DEFAULT_FONT_COLOR;
 }
 
-$body_portrait_margin: $BIG_PADDING $ZERO_PADDING !default;
-@media (orientation: portrait) {
-  body {
-    margin: $body_portrait_margin;
-  }
-}
-
 $link_color: #c11c1c !default;
 $link_color_visited: #730c0c !default;
 :where(a:link){
@@ -1536,3 +1529,26 @@ $rss_button_font_color_active: black !default;
     color: $rss_button_font_color_active;
   }
 }
+
+@media (orientation: portrait) {
+  $body_portrait_margin: $BIG_PADDING $ZERO_PADDING !default;
+  body {
+    margin: $body_portrait_margin;
+  }
+
+  .guide-container {
+    grid-template-areas:
+    "guide-toc"
+    "guide-topics";
+    grid-template-columns: unset;
+  }
+
+  .guide-toc {
+    position: unset;
+  }
+
+  $guide_section_padding_right_portrait: $BIG_PADDING !default;
+  .guide-section {
+    padding-right: $guide_section_padding_right_portrait;
+  }
+}