1. Öffnen Sie die Datei app/design/frontend/Theme/hyva/web/tailwind/postcss.config.js Ihres Hyvä Child Themes
2. Fügen Sie den folgenden Code ein, um das Layout der Snowdog Menü Extension zu exkludieren:
   

   postcssImportHyvaModules({
       excludeDirs: ["vendor/snowdog/module-menu"],
   }),

3. Kopieren Sie nun die Datei vendor/snowdog/module-menu/view/frontend/tailwind/tailwind-source.css in Ihr Hyvä Child Theme an die Stelle app/design/frontend/Theme/hyva/Snowdog_Menu/tailwind/tailwind-source.css
4. Öffnen Sie die soeben kopierte Datei und passen Sie den Inhalt nach Ihren Wünschen an.
5. Führen Sie nun den

   npm --prefix app/design/frontend/Theme/hyva/web/tailwind run build-prod

   aus dem Rootverzeichnis Ihres Magento 2 Shops aus und deployen Sie die Inhalte erneut

Fertig, laden Sie das Frontend Ihres Magento 2 Shops erneut und prüfen Sie, ob Ihre CSS Anpassungen zu sehen sind.

Um das Problem zu lösen, entfernen Sie die folgenden 2 Zeilen aus der app/design/frontend/Theme/hyva/Magento_Theme/layout/default.xml Datei in Ihrem Hyvä Child Theme, wenn vorhanden:

<move element="topmenu_mobile" destination="header-content" after="-"/>
<move element="topmenu_desktop" destination="header-content" after="-"/>

Nun öffnen Sie die Datei app/design/frontend/Theme/hyva/Magento_Theme/templates/html/header.phtml in Ihrem Hyvä Child Theme und ändern die Zeile

<?= $block->getChildHtml('topmenu.mobile'); ?>

folgendermaßen ab:

<?= $block->getChildHtml('topmenu'); ?>

Fertig, deployen Sie die Inhalte erneut und laden Sie Ihr Magento 2 Frontend erneut und prüfen Sie, ob das mobile Menü nun angezeigt wird.