diff --git a/src/app/layouts/default/header/menus/menus.scss b/src/app/layouts/default/header/menus/menus.scss index 39f57d13f..8405a450e 100644 --- a/src/app/layouts/default/header/menus/menus.scss +++ b/src/app/layouts/default/header/menus/menus.scss @@ -18,7 +18,7 @@ flex-direction: column; } - ul { + ul:not(.container) { font-size: 1.8rem; font-weight: bold; grid-row-gap: 2rem; diff --git a/src/app/layouts/default/header/menus/upper-menu/upper-menu.tsx b/src/app/layouts/default/header/menus/upper-menu/upper-menu.tsx index 7ef772f77..81422808f 100644 --- a/src/app/layouts/default/header/menus/upper-menu/upper-menu.tsx +++ b/src/app/layouts/default/header/menus/upper-menu/upper-menu.tsx @@ -43,7 +43,7 @@ export default function UpperMenu() { const riceLogo = useOptimizedImage('https://openstax.org/dist/images/rice.webp', 80); return ( - + + ); } diff --git a/src/app/layouts/landing/header/header.scss b/src/app/layouts/landing/header/header.scss index fc780f7da..a76fe66eb 100644 --- a/src/app/layouts/landing/header/header.scss +++ b/src/app/layouts/landing/header/header.scss @@ -62,17 +62,19 @@ } @include width-up-to($tablet-max) { - menu, + ul, .pseudo-menu { + padding-inline-start: 4rem; + margin-block: 0; width: 100%; } - menu li { + ul li { float: left; } - menu li:last-child { + ul li:last-child { float: right; } - menu:first-child { + ul:first-child { display: none; } }