Skip to content

db-mainnavigation is completely broken below 1023 px viewport #1964

@mriehl

Description

@mriehl

When viewing the db-mainnavigation component in the storybook and resizing the window to be less than 1023px width the menu will completely disappear.
I tested this in Chrome and Safari, not sure about Firefox.

menu-below-1023px
menu-above-1023px

There are various display: none styles attached to it conditionally.

Patching the core css with

@media screen and (max-width: 1023px) {
  .cmp-mainnavigation > ul {
    display: block !important;
  }
}

at least makes it "somewhat" useable but obviously patching the CSS is an awful solution I don't want to rely on.
Could you please check if the current css behaviour is really correct.

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions