Fix the header menu on tablet devices

diff --git a/app/static/src/sass/modules/navs/_nav-header.scss b/app/static/src/sass/modules/navs/_nav-header.scss
index 91172a20c4f4a76ae650987ed61a66cacf744286..2ce1b6d2b1577e25cbf018aef096343cf09735fa 100644 (file)
--- a/app/static/src/sass/modules/navs/_nav-header.scss
+++ b/app/static/src/sass/modules/navs/_nav-header.scss
@@ -285,10 +285,6 @@ $module: ".nav-header";
                 @include font-size(m);
             }
 
-            @include mq($until: md) {
-                margin-top: 10px;
-            }
-
         }
 
     }

diff --git a/app/templates/pages/menus/header_tree_primary.html b/app/templates/pages/menus/header_tree_primary.html
index f516b257afe218efae43f68cd3b2e764cfe7fd73..a0eb55e54439fb95bf5d2ecbc37e3fb936eec1d1 100644 (file)
--- a/app/templates/pages/menus/header_tree_primary.html
+++ b/app/templates/pages/menus/header_tree_primary.html
@@ -14,7 +14,7 @@
         <div class="row">
             {% for page in page_branch %}
                 {% if page.in_menu %}
-                    <ul class="unstyled-list col-sm-6 col-md-3">
+                    <ul class="unstyled-list col-sm-3 col-md-3">
                         <li class="nav-header__item-sub nav-header__item-sub--first{% if page.is_current_or_ascendant %} active{% endif %}">
                             <a class="" href="{{ page.get_absolute_url }}" title="{{ page.title }}">{{ page.title }}</a>