diff --git a/layouts/partials/header.html b/layouts/partials/header.html index f7e6e87..e2e57bf 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -54,4 +54,8 @@ + diff --git a/static/css/actix.css b/static/css/actix.css index 2b0a061..041ada6 100644 --- a/static/css/actix.css +++ b/static/css/actix.css @@ -599,7 +599,7 @@ h5:hover a { } @media (min-width: 480px) and (max-width: 576px) { - header .nav { + header .nav, #heads-up { width: 100%; } .hd-lg-down { @@ -607,7 +607,7 @@ h5:hover a { } } @media (min-width: 576px) and (max-width: 768px) { - header .nav { + header .nav, #heads-up { width: 88%; } .hd-lg-down { @@ -615,7 +615,7 @@ h5:hover a { } } @media (min-width: 768px) and (max-width: 992px) { - header .nav { + header .nav, #heads-up { width: 90%; } .hd-lg-down { @@ -624,7 +624,7 @@ h5:hover a { } @media (min-width: 992px) { - header .nav { + header .nav, #heads-up { width: 75%; } .hd-lg-down { @@ -667,3 +667,9 @@ h5:hover a { width: 77%; } } + +#heads-up { + margin-left: auto; + margin-right: auto; + margin-top: 1rem; +}