From b542095d10ed46de6fbe35e5f3c49acf2affe6f4 Mon Sep 17 00:00:00 2001
From: Serghei Mihai <smihai@entrouvert.com>
Date: Wed, 23 May 2018 17:22:10 +0200
Subject: [PATCH] meyzieu-2018: add responsive support to carrousel (#24034)

---
 static/meyzieu-2018/_custom.scss | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/static/meyzieu-2018/_custom.scss b/static/meyzieu-2018/_custom.scss
index ad8637e..5461350 100644
--- a/static/meyzieu-2018/_custom.scss
+++ b/static/meyzieu-2018/_custom.scss
@@ -105,6 +105,9 @@ div#nav {
 #content {
 	#columns {
 		margin-top: 2ex;
+		img {
+			width: 100%;
+		}
 		div.menucell.navigation {
 			li {
 				&.selected {
@@ -129,17 +132,29 @@ div#nav {
 			@include flexbox();
 			@include flex(0 0 calc(#{$width} - #{$sidebar-width}));
 			@media screen and (max-width: $mobile-limit) {
-				display: none;
+				@include flex-direction(column);
+				@include flex(0);
 			}
 			div.menu {
 				@include flexbox();
 				align-items: center;
 				width: 25%;
+				@media screen and (max-width: $mobile-limit) {
+					width: 100%;
+					margin: 0 auto;
+					display: block;
+				}
 				a {
 					text-align: center;
+					@media screen and (max-width: $mobile-limit) {
+						text-align: justify;
+					}
 				}
 				ul {
 					border-right: 1px solid #000;
+					@media screen and (max-width: $mobile-limit) {
+						border: 0;
+					}
 					li {
 						margin: 10px 0;
 						&.selected {
-- 
2.17.0