>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3548776. --> Reported by: [galactus86](https://www.drupal.org/user/1203916) Related to !86 !85 >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>A few styling issues and maybe bugs?</p> <p><strong>Desktop</strong> (&gt;768 viewport)</p> <ul> <li>Padding around parent links inconsistent (see when hover)</li> <li><img src="https://www.drupal.org/files/issues/2025-09-25/Screenshot%202025-09-25%20at%201.41.40%E2%80%AFPM.png" alt="d"></li> <li>Multiple buttons added to cta slot need a gap</li> <li><img src="https://www.drupal.org/files/issues/2025-09-25/Screenshot%202025-09-25%20at%201.32.37%E2%80%AFPM.png" alt="d"></li> </ul> <p><strong>Mobile </strong></p> <ul> <li>The hamburger icon is a bit small</li> <li>The hamburger and close icons should be in the same position, right now the close icon shifts to the right when menu expands.</li> <li>The site branding should still display (same location) when menu is expanded</li> <li>The CTA is included in the mobile menu which is <em>amazing</em>. But in Figma the menu that button is positioned at the bottom of the window. Can we adjust alignment?</li> <li><img src="https://www.drupal.org/files/issues/2025-09-25/Screenshot%202025-09-25%20at%201.47.06%E2%80%AFPM.png" alt="d"></li> <li>And also check what happens if 2 buttons are in that slot.</li> <li>body of page s/b overflow:hidden when menu expanded, no scrollbar.</li> <li>and we have a gap at top of page where the rest of page peeks thru.</li> <li><img src="https://www.drupal.org/files/issues/2025-09-25/Screenshot%202025-09-25%20at%201.50.48%E2%80%AFPM.png" alt="d"></li> </ul> <p><img src="https://www.drupal.org/files/issues/2025-09-25/Screenshot%202025-09-25%20at%201.19.33%E2%80%AFPM.png" alt="d"></p> <p>Do we need to adjust breakpoint where menu goes to mobile? Or even have a setting (not uncommon).<br> At minimum the left, right should have the outer spacing to match the rest of page. Even if that means the links or button go 2 lines of text.<br> <img src="https://www.drupal.org/files/issues/2025-09-25/Screenshot%202025-09-25%20at%201.16.55%E2%80%AFPM.png" alt="d"></p>