diff --git a/app/assets/stylesheets/views/_landing_page/side-navigation.scss b/app/assets/stylesheets/views/_landing_page/side-navigation.scss
new file mode 100644
index 0000000000..2fa812cac9
--- /dev/null
+++ b/app/assets/stylesheets/views/_landing_page/side-navigation.scss
@@ -0,0 +1,7 @@
+@import "govuk_publishing_components/individual_component_support";
+
+.side-nav {
+  @include govuk-media-query($until: desktop) {
+    display: none;
+  }
+}
diff --git a/app/views/landing_page/blocks/_side_navigation.html.erb b/app/views/landing_page/blocks/_side_navigation.html.erb
index 0c2007cc65..295fb1929c 100644
--- a/app/views/landing_page/blocks/_side_navigation.html.erb
+++ b/app/views/landing_page/blocks/_side_navigation.html.erb
@@ -1,6 +1,11 @@
+<%
+  add_view_stylesheet("landing_page/side-navigation")
+%>
+<div class="side-nav">
 <%= render "govuk_publishing_components/components/contents_list", {
 	underline_links: block.data["underline_links"],
 	alternative_line_style: block.data["alternative_line_style"],
 	title: block.data["title"],
 	contents: contents_list(request.path, block.links)
-} %>
\ No newline at end of file
+} %>
+</div>
\ No newline at end of file
diff --git a/config/initializers/dartsass.rb b/config/initializers/dartsass.rb
index 981e6319cc..12d77df4de 100644
--- a/config/initializers/dartsass.rb
+++ b/config/initializers/dartsass.rb
@@ -26,6 +26,7 @@
   "views/_landing_page/featured.scss" => "views/_landing_page/featured.css",
   "views/_landing_page/main-navigation.scss" => "views/_landing_page/main-navigation.css",
   "views/_landing_page/quote.scss" => "views/_landing_page/quote.css",
+  "views/_landing_page/side-navigation.scss" => "views/_landing_page/side-navigation.css",
   "views/_landing_page/themes/prime-ministers-office-10-downing-street.scss" => "views/_landing_page/themes/prime-ministers-office-10-downing-street.css",
 }.freeze