diff --git a/docusaurus.config.js b/docusaurus.config.js index 2b47f829b9..dc78851b5c 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -117,6 +117,26 @@ const config = { label: "Sign In", position: "right", }, + { + type: "dropdown", + label: "More…", + position: "right", + id: "more_dropdown", + items: [ + { + href: "https://github.com/gruntwork-io/knowledge-base/discussions", + label: "Knowledge Base", + }, + { + href: "/docs/guides/support", + label: "Support", + }, + { + href: "https://app.gruntwork.io", + label: "Sign In", + }, + ], + }, ], }, footer: { diff --git a/src/css/custom.css b/src/css/custom.css index 7eef8022f0..d40f6b7495 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -125,12 +125,6 @@ p > img + em { justify-items: center; } -@media only screen and (max-width: 996px) { - .navbar__brand { - border-right: none; - } -} - .navbar__logo { height: 2.5rem; margin-top: 0.5rem; @@ -274,9 +268,11 @@ html[data-theme="dark"] .menu__link--sublist { color: var(--ifm-color-primary-lightest); } -/* remove external link icons on header/footer links */ +/* remove external link icons on header/footer/flyout links */ .footer__link-item svg, -.navbar__items--right .navbar__link svg { +.navbar__items--right .navbar__link svg, +.navbar__items--right .dropdown__link svg, +.navbar-sidebar__items .menu__link svg { display: none; } @@ -291,3 +287,23 @@ html[data-theme="dark"] .menu__link--sublist { display: none; } } + +#more_dropdown { + display: none; +} + +@media only screen and (max-width: 1280px) and (min-width: 996px) { + .navbar__items--right > a { + display: none; + } + + #more_dropdown { + display: block; + } +} + +@media only screen and (max-width: 996px) { + .navbar__brand { + border-right: none; + } +}