From 0efe435518d621ed6b3dd5d176dce189303f2116 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Mon, 14 Mar 2022 10:42:45 +0100
Subject: [PATCH] Render 4th level of mobile navigation

---
 .../Resources/Private/Partials/Mobilenav.html       | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
index b98152f7..ad6c65d5 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
@@ -129,7 +129,7 @@
                     </f:if>
                     >
                     <div class="flex items-center justify-between">
-                        <a href="{subitemlink}"
+                        <a href="{subitem.link}"
                            class="uppercase text-xl text-white hover:text-white focus:text-white"
                            title="{subitem.title}">
                             {subitem.title}
@@ -159,6 +159,17 @@
                                     </svg>
                                     <span>{subsubitem.title}</span>
                                 </a>
+                                <f:if condition="{subsubitem.children}">
+                                    <ul class="m-0 pb-2">
+                                        <f:for each="{subsubitem.children}" as="subsubsubitem">
+                                            <li class="py-1 pl-6">
+                                                <a href="{subsubsubitem.link}" title="{subitem.title}" class="text-white">
+                                                    {subsubsubitem.title}
+                                                </a>
+                                            </li>
+                                        </f:for>
+                                    </ul>
+                                </f:if>
                             </f:for>
                         </div>
                     </f:if>