Skip to content

Search icon overlaps with the navbar menu items when hovered #6208

Open
@hemantmm

Description

@hemantmm

Description

The search icon for Integrations incorrectly appears in the middle when we hover over the Solutions, Products, Community, and Resources tab. This creates a visual conflict where the search icon overlaps with the navbar items affecting the usability and appearance.

Before hovering the navbar items:

Image

After hovering the navbar items:

Image Image Image Image

Expected Behavior

  1. All navbar menu items when hovered should appear above all the other UI elements when hovered.
  2. The search icon of the Integrations menu should be hidden behind or not intersect with the other navbar menu items when hovered.
  3. The other navbar items when hovered should be visible without any overlapping elements.

Screenshots

Environment:

  • Host OS: MacOS
  • Browser:

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

Join the Layer5 Community by submitting your community member form.

Metadata

Metadata

Assignees

Labels

kind/bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions