diff --git a/prosopopee/themes/exposure/static/css/style.css b/prosopopee/themes/exposure/static/css/style.css
index 336bfc1..cd9d1c3 100644
--- a/prosopopee/themes/exposure/static/css/style.css
+++ b/prosopopee/themes/exposure/static/css/style.css
@@ -418,3 +418,12 @@ input:checked + .slider:before {
 .slider.round:before {
   border-radius: 50%;
 }
+
+@media only screen and (max-device-width: 700px) {
+  .gallery-square {
+    width: 100% !important;
+    margin-bottom: -7px !important;
+    padding-bottom: 70% !important;
+  }
+}
+
diff --git a/prosopopee/themes/material/static/css/style.css b/prosopopee/themes/material/static/css/style.css
index d1245f2..9a60caf 100644
--- a/prosopopee/themes/material/static/css/style.css
+++ b/prosopopee/themes/material/static/css/style.css
@@ -606,3 +606,11 @@ nav .nav-header {
     background: transparent linear-gradient(rgba(255, 255, 255, 0) 0%, transparent 1%, rgba(0, 0, 0, 0.07) 26%, rgba(0, 0, 0, 0.5) 71%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0% 0%;
     padding: 20% 0 10px 0;
 }
+
+@media only screen and (max-device-width: 700px) {
+.gallery-square {
+  width: 100% !important;
+  margin-bottom: -7px !important;
+  padding-bottom: 70% !important; 
+  }
+}
diff --git a/prosopopee/themes/material/templates/index.html b/prosopopee/themes/material/templates/index.html
index 537e1f5..768d969 100644
--- a/prosopopee/themes/material/templates/index.html
+++ b/prosopopee/themes/material/templates/index.html
@@ -46,10 +46,9 @@
 <script type="text/javascript" src="static/js/jquery-2.1.4.min.js" charset="utf-8"></script>
 <script type="text/javascript" src="static/js/materialize.min.js" charset="utf-8"></script>
 <script type="text/javascript" charset="utf-8">
-$('.button-collapse').sideNav();
 
 $(document).ready(function(){
-  $('.scrollspy').scrollSpy();
+  $(".dropdown-trigger").dropdown();
 });
 </script>
 {% endblock %}
diff --git a/prosopopee/themes/material/templates/menu.html b/prosopopee/themes/material/templates/menu.html
index 7a1ac52..e37da1a 100644
--- a/prosopopee/themes/material/templates/menu.html
+++ b/prosopopee/themes/material/templates/menu.html
@@ -1,3 +1,17 @@
+<ul id="dropdown1" class="dropdown-content">
+  {% for line in settings.menu %}
+  {% set rowloop = loop %}
+  {% for file_name, menu_name in line.items() %}
+  {% if file_name.startswith('http') %}
+  {% set file_name = file_name %}
+  {% else %}
+  {% set file_name = "../"+file_name %}
+  {% endif %}
+  <li><a href={{ file_name }}>{{ menu_name  }}</a></li>
+  {% endfor %}
+  {% endfor %}
+</ul>
+
 <ul class="bt hide-on-med-and-down" style="float: right !important;">
   {% for line in settings.menu %}
   {% set rowloop = loop %}
@@ -11,3 +25,6 @@
   {% endfor %}
   {% endfor %}
 </ul>
+<ul class="bt show-on-med-and-down" style="float: right !important;">
+  <li><a class="dropdown-trigger" href="#!" data-target="dropdown1"><i class="material-icons right">arrow_drop_down</i></a></li>
+</ul>