Adjust main navigation layout on frontpage

public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_herounit.scss

@@ -33,7 +33,6 @@
         }
         @screen lg {
             width: auto;
-            top: 16px;
             right: 90px;
         }
     }

public/typo3conf/ext/ep_theme/Resources/Private/Layouts/Page/Frontpage.html

@@ -4,7 +4,7 @@
 
     <f:render partial="GoogleTagManager" arguments="{googleTagManagerId: settings.googleTagManagerId}"/>
     <f:render partial="FacebookPixelCode"/>
-    <div class="lg:mt-16">
+    <div class="lg:mt-8">
         <f:render partial="Mainnav" section="Main" arguments="{_all}"/>
         <f:render partial="HeaderSlider" arguments="{_all}"/>
         <f:if condition="{data.tx_eptheme_hide_searchbar}">

public/typo3conf/ext/ep_theme/Resources/Private/Partials/HeaderSlider.html

@@ -2,7 +2,6 @@
       xmlns="http://www.w3.org/1999/xhtml"
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
-    <div class="lg:-mt-8">
     <div class="splide"
          data-controller="slider"
          data-slider-preset-value="header">
@@ -82,6 +81,5 @@
             </ul>
         </div>
     </div>
-    </div>
 
 </html>

public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mainnav.html

@@ -5,17 +5,17 @@
       xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
 
     <f:section name="Main">
-        <div class="relative z-40 lg:container shadow-lg bg-white">
+        <div class="relative z-40 lg:container bg-white">
-            <div class="flex items-center lg:items-end justify-between px-4 pt-4">
+            <div class="flex items-center lg:items-end justify-between px-4 py-2 lg:pt-4 lg:pb-0">
                 <a href="{f:uri.typolink(parameter: settings.defaultHomeUid)}"
-                   class="block pb-4"
+                   class="block lg:pb-4"
                    title="{settings.defaultTitle}">
                     <img class="block h-10 lg:h-12 w-auto" src="{f:uri.image(src: settings.logoImage)}" alt="{settings.defaultTitle}">
                 </a>
                 <div class="hidden lg:block">
                     <f:render section="FirstLevel" arguments="{_all}"/>
                 </div>
-                <div class="flex lg:hidden items-center space-x-4 pb-4">
+                <div class="flex lg:hidden items-center space-x-4">
                     <f:if condition="{data.tx_eptheme_hide_searchbar}">
                         <f:else>
                             <button class="focus:outline-none text-gray-800"

public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html

@@ -7,7 +7,7 @@
     <f:if condition="{settings.hideAreaNavigation}">
         <f:else>
             <div class="hidden lg:block w-full fixed top-0 inset-x-0 z-50 bg-cover bg-center" style="background-image: url({f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/polygon.jpg')})">
-                <div class="container px-0">
+                <div class="container">
                     <nav role="navigation" class="flex justify-between m-0 p-0 w-full divide-x divide-gray-300 border-r border-l">
                         <f:link.typolink parameter="9" class="flex items-center justify-center w-16 h-8 text-white hover:text-white focus:text-white hover:bg-ep-secondary" title="E&amp;P">
                             <svg class="w-5 h-5"><use href="#icon-home"/></svg>