diff --git a/packages/cxl-ui/scss/cxl-marketing-nav.scss b/packages/cxl-ui/scss/cxl-marketing-nav.scss index f92be75b9..6f3dacecf 100644 --- a/packages/cxl-ui/scss/cxl-marketing-nav.scss +++ b/packages/cxl-ui/scss/cxl-marketing-nav.scss @@ -22,6 +22,7 @@ width: 100%; max-width: 100vw; padding: 0 var(--lumo-space-m); + overflow: hidden; &:not([wide]) { vaadin-menu-bar { @@ -55,17 +56,14 @@ } &[minimal] { - vaadin-menu-bar { - &::part(overflow-button) { - visibility: hidden; pointer-events: none; + visibility: hidden; } } } - ::part(menu-bar-button), ::slotted(.menu-item), .menu-item { diff --git a/packages/cxl-ui/src/components/cxl-marketing-nav.js b/packages/cxl-ui/src/components/cxl-marketing-nav.js index 2b497122d..0c3660ca6 100644 --- a/packages/cxl-ui/src/components/cxl-marketing-nav.js +++ b/packages/cxl-ui/src/components/cxl-marketing-nav.js @@ -169,8 +169,7 @@ export class CXLMarketingNavElement extends LitElement { theme="tertiary cxl-marketing-nav" .items=${items} > - - + `;