Fix mobile overlaps of hero slider with dropdown navbar menus when the header Container for Top bar region as `container`

Created on 17 April 2024, 12 months ago
Updated 19 May 2024, 11 months ago

Problem/Motivation

Overlaps of opened navbar menus

Steps to reproduce

When displaying the site in mobiles
Then other component will show hover the opened menu

Proposed resolution

  • Change the `z-index` of hero-card-content to "2"
  • Let the container_classes for the navbar component has a z-3 to make sure that will show over the hero slider and other static components like breadcrumb.
  • Add the navbar color to the dropdown menu

Remaining tasks

  • ✅ File an issue about this project
  • ✅ Addition/Change/Update/Fix to this project
  • ✅ Testing to ensure no regression
  • ➖ Automated unit/functional testing coverage
  • ➖ Developer Documentation support on feature change/addition
  • ➖ User Guide Documentation support on feature change/addition
  • ➖ UX/UI designer responsibilities
  • ➖ Accessibility and Readability
  • ✅ Code review from 1 Varbase core team member
  • ✅ Full testing and approval
  • ✅ Credit contributors
  • ✅ Review with the product owner
  • ✅ Update Release Notes and Update Helper on new feature change/addition
  • ✅ Release varbase-10.0.0-rc3 , varbase_components-2.0.0-beta6

Varbase update type

  • ✅ No Update
  • ➖ Optional Update
  • ➖ Forced Update
  • ➖ Forced Update if Unchanged

User interface changes

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • Issue #3441506 : Fixed mobile overlaps of hero slider with dropdown navbar menus when the header Container for Top bar region as `container`
🐛 Bug report
Status

Fixed

Version

2.0

Component

Code

Created by

🇯🇴Jordan Rajab Natshah Jordan

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

Comments & Activities

Production build 0.71.5 2024