I just create a new theme based on theme_frontend_blank and i now would customize navigation menu on mobile device. I would create this kind of scenario:
I had create Account right icon modifing ./mytheme/Magento_Theme/template/html/header/logo.phtml.
<span id="menu-toggle" data-action="toggle-nav" class="action nav-toggle"><span><?= $block->escapeHtml(__('Toggle Nav')) ?></span></span>
<span id="account-toggle" data-action="toggle-nav" class="action nav-toggle"><span><?= $block->escapeHtml(__('Toggle Nav')) ?></span></span>
I add in my ./Magento_Theme/wiev/layaout/default.xml this declaration for create a new navigation block (i just copy and paste the original “navigation-section” from module_theme layout xml and rename it “navigation1-section”) and move block “store.links” in there:
<referenceContainer name="page.top">
<block class="MagentoFrameworkViewElementTemplate" name="navigation1.sections" after ="-" template="Magento_Theme::html/sections.phtml">
<arguments>
<argument name="group_name" xsi:type="string">navigation-sections</argument>
<argument name="group_css" xsi:type="string">nav-sections</argument>
</arguments>
</block>
</referenceContainer>
<move element="store.links" destination="navigation1.sections" after="-" />
At this point i don’t understand how on click icon make open one or other nav-section
Can someone help me
Tnx