Horizontal Menu Bug - extra bottom padding

[cbada]

https://imgur.com/a/fNsb9SU

You can see the horizontal menu has extra padding on the bottom which actually covers part of the breadcrumb menu as well.

[cbada]

I created my own fix for now:

Code: Select all

@media (min-width: 1024px) {
  .ui-scrollpanel-wrapper {
    height: 35px;
  }
}

@media (max-width: 1024px) {
  .ui-scrollpanel-wrapper {
    height: 100%;
  }
}

This allows the height to still work once you shrink the width of the viewport enough to invoke the slider menu. I'll look back here for an official fix from the team. Thanks.

[merve7]

Thank you for your feedback. We fixed for next release but you can use the below code until release ;

Code: Select all

@media (min-width: 1025px){
    .layout-container.menu-layout-slim .layout-menu .ui-scrollpanel .ui-scrollpanel-wrapper .ui-scrollpanel-content {
        padding: 0;
    }
}
@media (min-width: 1025px) {
    .layout-container.menu-layout-horizontal .layout-menu .ui-scrollpanel .ui-scrollpanel-wrapper .ui-scrollpanel-content {
        padding: 0;
    }

}