Navigation sidebar Logo / Close / Back button spacing issues

Created on 4 March 2025, 29 days ago

Problem/Motivation

In the mobile breakpoint (< 1024px), the Navigation sidebar has some spacing issues at the top where the logo, close button and back button sit.

Steps to reproduce

  • Install Drupal standard profile
  • Enable Navigation module
  • Adjust your browser to the mobile viewport (< 1024px)
  • Expand the Navigation sidebar

Expected result

The spacing should follow the same spacing that is used at the desktop breakpoint, however, the spacing is pretty squishy, which doesn't make room for the hover / focus styles:

In addition, when you click on a menu item with children and the drawer opens, the Back link and Close link hover styles are cut off:

Proposed resolution

Adjust spacing to match the Desktop breakpoint.

Remaining tasks

MR
Testing and review.

๐Ÿ› Bug report
Status

Active

Version

11.1 ๐Ÿ”ฅ

Component

navigation.module

Created by

๐Ÿ‡จ๐Ÿ‡ฆCanada m4olivei Grimsby, ON

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024