css/media-queries.css

@@ -4,8 +4,15 @@ Disroot Media Queries
 29-01-2019
 ------------------------------------*/
 
+/* screenheight less than 800px
+------------------------------------*/
+@media only screen and (max-height: 800px) {
+  ul#nav li.dropdown {
+    height: 20px;
+  }
+}
 
-/* screenwidth less than 1000px
+/* screenwidth less than 1150px
 ------------------------------------*/
 @media only screen and (max-width: 1150px) {
 

templates/partials/navigation.html.twig

@@ -4,6 +4,7 @@
         {% set current_page = (p.active or p.activeChild) ? 'active' : '' %}
         <li class="dropdown {{ current_page }}">
             <a href="{{ p.url }}">{{ p.menu }}</a>
+            {# The following if section is to get a dropdown menu based on content #}
             {% if p.children.count > 0 %}
             <ul class="dropdown-content">
                 {{ _self.loop(p) }}