Problem/Motivation

  1. Wrong position of the items of the main menu on mobile screen
  2. Wrong position of the dropdown user menu
  3. Improve language switcher block
  4. Improve navbar-default block

bug
bug
bug
bug

Steps to reproduce

  1. Open mobile main menu.
  2. Open dropdown of the user menu on mobile screen
  3. Check alignment of the language switcher block on the mobile screen.
  4. If you use two rows header settings and open search popup we can see the overlapping search form

Proposed resolution

  1. Remove align-items style from navbar class.
  2. Change the top position for the dropdown of the user menu.
  3. Improve alignment of the language switcher block.
  4. Improve z-index for the navbar-default block.

Remaining tasks

N/A

User interface changes

  1. The items of the main menu have a left position on the mobile screen.
  2. The dropdown of the user menu has a correct position.
  3. The language switcher block does not have a correct alignment on the mobile screen.
  4. The search form after opened does not overlap.

API changes

N/A

Data model changes

N/A

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Agami4 created an issue. See original summary.

  • Agami4 committed 17db483 on bugfix/3230643-improve-header-and-header-elements
    Issue #3230643 by agami4: Add improvements to the header and header...
Agami4’s picture

Assigned: Agami4 » Unassigned
Status: Active » Needs review

  • Agami4 committed 90e960c on bugfix/3230643-improve-header-and-header-elements
    Issue #3230643 by agami4: Add z-index style to the navbar-default block...

  • Agami4 committed 17db483 on 1.3.x
    Issue #3230643 by agami4: Add improvements to the header and header...
  • Agami4 committed 90e960c on 1.3.x
    Issue #3230643 by agami4: Add z-index style to the navbar-default block...
Agami4’s picture

Status: Needs review » Fixed

Merged into 1.3.x branch

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.