diff --git a/src/patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss b/src/patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss index 2479aaa225809517d858a50188aee4f64ce83a16..698dccb38d83d1b9d0e1ce75f1f2f18b366998fe 100644 --- a/src/patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss +++ b/src/patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss @@ -241,7 +241,7 @@ $menu-horizontal-drop-bg: #f7f7f7; display: none; @media(min-width: $screen-md) { display: block; - grid-column: 1/2; + grid-column: 1 / 2; padding: var(--size-05); .uw-site-home__link{ display: block; @@ -265,7 +265,7 @@ $menu-horizontal-drop-bg: #f7f7f7; &--menu { @include uw-full-width; @media(min-width: $screen-md) { - grid-column: 2/3; + grid-column: 2 / 3; } .menu { margin-left: inherit; @@ -326,9 +326,9 @@ $menu-horizontal-drop-bg: #f7f7f7; display: block; height: var(--size-1); position: absolute; - right: var(--size-05); + right: var(--size-1); text-align: center; - top: 14px; + top: 12px; width: var(--size-1); } } @@ -521,7 +521,7 @@ $menu-horizontal-drop-bg: #f7f7f7; position: absolute; right: var(--size-1); text-align: center; - top: var(--size-105); + top: 12px; transform: rotate(-90deg); width: var(--size-1); } diff --git a/src/patterns/04-components/menu/menu--secondary/_menu--secondary.scss b/src/patterns/04-components/menu/menu--secondary/_menu--secondary.scss index 966e2f17c08e73623f86f9675bd3982217ffe9b8..85c98f31daccf257876378c80fde63c827d1ee12 100644 --- a/src/patterns/04-components/menu/menu--secondary/_menu--secondary.scss +++ b/src/patterns/04-components/menu/menu--secondary/_menu--secondary.scss @@ -62,6 +62,13 @@ $menu-horizontal-bg-sm: var(--uw-white); color: var(--uw-black); } } + &.has-submenu { + > a{ + &::after { + top: 14px; + } + } + } } } }