with the navigation module installed many elements in the top bar are overlapping on the mobile viewport
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3543540. -->
Reported by: [rkoller](https://www.drupal.org/user/3217695)
Related to !690
>>>
<h3 id="summary-problem-motivation">Problem/Motivation</h3>
<p>If you have the navigation module installed and use it in combination with gin (gin toolbar is also installed), on the desktop narrowing down the browser window looks like that (screenshot is in safari but same result in for example edge on macos) </p>
<p><img src="https://www.drupal.org/files/issues/2025-08-28/topbar_desktop.jpg" alt="the node edit form on a deskop narrowed down to mobile viewport with cramped top bar components overlapping"></p>
<p>and on the iphone it looks the same</p>
<p><img src="https://www.drupal.org/files/issues/2025-08-28/topbar_mobile.PNG" alt="the node edit form on an iphone display with cramped top bar components overlapping"></p>
<h4 id="summary-steps-reproduce">Steps to reproduce</h4>
<p>simply go to <code>/node/1/edit</code></p>
<h3 id="summary-proposed-resolution">Proposed resolution</h3>
<h3 id="summary-remaining-tasks">Remaining tasks</h3>
<h3 id="summary-ui-changes">User interface changes</h3>
<h3 id="summary-api-changes">API changes</h3>
<h3 id="summary-data-model-changes">Data model changes</h3>
issue