diff --git a/sass/parts/_header.scss b/sass/parts/_header.scss index c8496eb..a6ceebb 100644 --- a/sass/parts/_header.scss +++ b/sass/parts/_header.scss @@ -25,20 +25,26 @@ header { display: flex; flex-wrap: wrap; align-items: center; - gap: 1px; ul { - display: inherit; + display: flex; flex-wrap: inherit; justify-content: inherit; align-items: inherit; gap: inherit; + gap: 1px; margin: 0; padding: 0; list-style: none; } } +#menu-icons-group { + gap: 1px; + margin: 0; + padding: 0; +} + .nav-links { justify-content: right; padding: 0.66rem; @@ -160,21 +166,17 @@ header { .nav-navs { display: flex; - justify-content: flex-end; + justify-content: center; } } @media only screen and (max-width: 600px) { .nav-navs { - flex-wrap: wrap; - justify-content: center; margin-top: 0.8rem; - width: 100%; } .navbar { flex-direction: column; - justify-content: center; align-items: center; } } diff --git a/templates/partials/nav.html b/templates/partials/nav.html index 5fd351f..ba61dc8 100644 --- a/templates/partials/nav.html +++ b/templates/partials/nav.html @@ -19,7 +19,7 @@ {%- endif -%} {#- Wrap the icons in a div to keep them all together -#} -