Fixe on subNav (fiber pages ) on small screens

diff --git a/panikweb_templates/static/css/specifics.css b/panikweb_templates/static/css/specifics.css
index c06041795af39070e66acfad0f05b9bab287470d..bcc592760e9e79dfe86362483464ee37bff15e8b 100644 (file)
--- a/panikweb_templates/static/css/specifics.css
+++ b/panikweb_templates/static/css/specifics.css
@@ -308,12 +308,6 @@ body{
 }
 #Nav nav ul.columns {column-rule:2px solid #342E2E;-moz-column-rule:2px solid #342E2E;-webkit-column-rule:2px solid #342E2E;}
 
-#Nav nav.right{
-       color:#EED1B1 !important;
-       background:#342E2E;
-       border-color:#342E2E;
-       border-width:2px;border-style:solid;
-}
 #Nav nav{
        margin:0;
 }
@@ -331,10 +325,19 @@ body{
 }
 #Nav nav ul.distributed li {padding: 0;}
 
+#Nav nav.right{
+       color:#EED1B1 !important;
+       background:#342E2E;
+       border-color:#342E2E;
+       border-width:2px;border-style:solid;
+}
 #Nav nav.right li, #Nav nav.right li a{
        display:block;
        color:#EED1B1 !important;
 }
+@media screen and (max-width: 400px) {
+       #Nav nav.right{float:none !important;margin:none;border-top:2px solid white;}
+}
 #Nav nav.sub{
 }