diff --git a/src/Resources/contao/templates/navigation/mate/nav_mate_mobile.html5 b/src/Resources/contao/templates/navigation/mate/nav_mate_mobile.html5
index 96f629d..5f18dd1 100644
--- a/src/Resources/contao/templates/navigation/mate/nav_mate_mobile.html5
+++ b/src/Resources/contao/templates/navigation/mate/nav_mate_mobile.html5
@@ -1,39 +1,76 @@
 <?php if(is_array($this->items)): ?>
-  <?php foreach ($this->items as $item): ?>
-    <li<?php if ($item['class']) echo ' class="' . $item['class'] . '"'; ?>>
-      <a href="<?= $item['href'] ?: './' ?>"
-        <?php /* if(!empty($item['subitems'])): ?>
+    <?php foreach ($this->items as $item): ?>
+        <li<?php if ($item['class']) echo ' class="' . $item['class'] . '"'; ?>>
+            <a href="<?= $item['href'] ?: './' ?>"
+                <?php /* if(!empty($item['subitems'])): ?>
         class="dropdown-button<?php if($item['isActive']): ?> active<?php endif; ?>"
         data-collapsible="dropdown<?= $item['id'] ?>"<?php endif; */ ?>
-        title="<?= $item['pageTitle'] ?: $item['title'] ?>"
-        <?php if ($item['class']) echo ' class="' . $item['class'] . '"'; ?>
-        <?php if ($item['accesskey']) echo ' accesskey="' . $item['accesskey'] . '"'; ?>
-        <?php if ($item['tabindex']) echo ' tabindex="' . $item['tabindex'] . '"'; ?>
-        <?php if ($item['nofollow']) echo ' rel="nofollow"'; ?><?= $item['target'] ?>
-        <?php if (!empty($item['subitems'])) echo ' aria-haspopup="true"'; ?>>
-        <?= $item['link'] ?>
-        <?php /* <pre><?php print_r($item['subitems']); ?></pre> */ ?>
+               title="<?= $item['pageTitle'] ?: $item['title'] ?>"
+                <?php if ($item['class']) echo ' class="' . $item['class'] . '"'; ?>
+                <?php if ($item['accesskey']) echo ' accesskey="' . $item['accesskey'] . '"'; ?>
+                <?php if ($item['tabindex']) echo ' tabindex="' . $item['tabindex'] . '"'; ?>
+                <?php if ($item['nofollow']) echo ' rel="nofollow"'; ?><?= $item['target'] ?>
+                <?php if (!empty($item['subitems'])) echo ' aria-haspopup="true"'; ?>>
+                <?= $item['link'] ?>
+                <?php /* <pre><?php print_r($item['subitems']); ?></pre> */ ?>
 
-      </a>
-      <?php if(!empty($item['subitems'])): ?>
-          <i class="material-icons right" style="z-index: 999;position: relative;right: 5px;top: -55px;">arrow_drop_down</i>
-      <?php endif; ?>
-    </li>
-    <?php if (!empty($item['subitems'])): ?>
-      <li class="subitems" style="display:none;background:rgba(0, 0, 0, .05);">
-        <ul>
-        <?php foreach ($item['subitems'] as $sItem): ?>
-          <li>
-            <a href="<?= $sItem['href'] ?: './' ?>" class="<?php if($sItem['isActive']): ?> active<?php endif; ?>"
-              title="<?= $sItem['pageTitle'] ?: $sItem['title'] ?>">
-              <?= $sItem['link'] ?>
             </a>
-          </li>
-        <?php endforeach; ?>
-        </ul>
-      </li>
-    <?php endif; ?>
-  <?php endforeach; ?>
+            <?php if(!empty($item['subitems'])): ?>
+                <i class="material-icons right" style="z-index: 999;position: relative;right: 5px;top: -55px;">arrow_drop_down</i>
+            <?php endif; ?>
+        </li>
+        <?php if (!empty($item['subitems'])): ?>
+            <li class="subitems" style="display:none;background:rgba(0, 0, 0, .05);">
+                <ul>
+                    <?php foreach ($item['subitems'] as $sItem): ?>
+                        <li>
+                            <a href="<?= $sItem['href'] ?: './' ?>" class="<?php if($sItem['isActive']): ?> active<?php endif; ?>"
+                               title="<?= $sItem['pageTitle'] ?: $sItem['title'] ?>">
+                                <?= $sItem['link'] ?>
+                            </a>
+                            <?php if(!empty($sItem['subitems'])): ?>
+                                <i id="toggleMenu" class="material-icons right" style="z-index: 999;position: relative;right: 5px;top: -55px;">arrow_drop_down</i>
+                            <?php endif; ?>
+                        </li>
+
+                        <?php if (!empty($sItem['subitems'])): ?>
+                            <li style="display:none;background:rgba(0, 0, 0, .05);">
+                                <ul>
+                                    <?php foreach ($sItem['subitems'] as $itemLvl3): ?>
+                                        <li>
+                                            <a href="<?= $itemLvl3['href'] ?: './' ?>" class="<?php if($itemLvl3['isActive']): ?> active<?php endif; ?>"
+                                               title="<?= $itemLvl3['pageTitle'] ?: $itemLvl3['title'] ?>">
+                                                <?= $itemLvl3['link'] ?>
+                                            </a>
+                                            <?php if(!empty($itemLvl3['subitems'])): ?>
+                                                <i id="toggleMenu" class="material-icons right" style="z-index: 999;position: relative;right: 5px;top: -55px;">arrow_drop_down</i>
+                                            <?php endif; ?>
+                                        </li>
+                                        <?php if (!empty($itemLvl3['subitems'])): ?>
+                                            <li style="display:none;background:rgba(0, 0, 0, .05);">
+                                                <ul>
+                                                    <li>
+                                                        <?php foreach ($itemLvl3['subitems'] as $itemLvl4): ?>
+                                                            <a href="<?= $itemLvl4['href'] ?: './' ?>" class="<?php if($itemLvl4['isActive']): ?> active<?php endif; ?>"
+                                                               title="<?= $itemLvl4['pageTitle'] ?: $itemLvl4['title'] ?>">
+                                                                <?= $itemLvl4['link'] ?>
+                                                            </a>
+                                                        <?php endforeach; ?>
+                                                    </li>
+                                                </ul>
+                                            </li>
+                                        <?php endif; ?>
+                                    <?php endforeach; ?>
+                                </ul>
+                            </li>
+                        <?php endif; ?>
+
+                    <?php endforeach; ?>
+                </ul>
+            </li>
+        <?php endif; ?>
+
+    <?php endforeach; ?>
 <?php endif; ?>
 
 <?php $GLOBALS['TL_BODY'][] = '<script>
diff --git a/src/Resources/public/sass/mate.scss b/src/Resources/public/sass/mate.scss
index 29b2d5f..9c82c5c 100644
--- a/src/Resources/public/sass/mate.scss
+++ b/src/Resources/public/sass/mate.scss
@@ -2832,6 +2832,18 @@ textarea {
 	    			width: 100%;
 	    			padding: 0 20px;
 	    		}
+
+                ul {
+                    padding-left: 15px;
+
+                    a {
+                        height: 40px;
+                    }
+
+                    ul {
+                        padding-left: 30px;
+                    }
+                }
 			}
 		}
 	}
@@ -2897,6 +2909,10 @@ textarea {
 			i, [class^="mdi-"], [class*="mdi-"], i.material-icons {
 				font-size: 50px;
 			}
+
+            .subitems i.material-icons {
+                font-size: 40px;
+            }
 		}
 	}