diff options
| -rw-r--r-- | static/desktop.css | 8 | ||||
| -rw-r--r-- | templates/base.html | 31 | ||||
| -rw-r--r-- | templates/styles.css | 21 |
3 files changed, 11 insertions, 49 deletions
diff --git a/static/desktop.css b/static/desktop.css index 88d04d5..1b0eb43 100644 --- a/static/desktop.css +++ b/static/desktop.css @@ -12,14 +12,6 @@ width: 100%; } - nav div { - height: auto; - } - - a#menu-toggle { - display: none; - } - div.buttons { flex-direction: row-reverse; } diff --git a/templates/base.html b/templates/base.html index 2c6b9aa..a3ae28f 100644 --- a/templates/base.html +++ b/templates/base.html @@ -40,19 +40,15 @@ <body> <nav> - <a id="menu-toggle">More</a> - - <div id="menu"> - <a href="/#"><img alt="logo" src="/assets/logo-simple.png" /></a> - <a href="/#offerings">Services</a> - <a href="/brochure">Brochure</a> - <a href="/posts">Posts</a> - <a href="/#help">Helpful Links</a> - <a href="/policies">Policies</a> - <a href="/about">Team</a> - <a href="/#reviews">Reviews</a> - <a href="/#contact">Contact</a> - </div> + <a href="/#contact">Contact</a> + <a href="/#reviews">Reviews</a> + <a href="/about">Team</a> + <a href="/policies">Policies</a> + <a href="/posts">Posts</a> + <a href="/#help">Helpful Links</a> + <a href="/brochure">Brochure</a> + <a href="/#offerings">Services</a> + <a href="/#"><img alt="logo" src="/assets/logo-simple.png" /></a> </nav> <main> @@ -85,15 +81,6 @@ </a> </p> </footer> - - <script> - const menuToggle = document.querySelector('#menu-toggle'); - const menu = document.querySelector('#menu'); - - menuToggle.onclick = () => { - menu.classList.toggle('menu-open'); - }; - </script> </body> </html> diff --git a/templates/styles.css b/templates/styles.css index 63cef43..2a83280 100644 --- a/templates/styles.css +++ b/templates/styles.css @@ -34,16 +34,8 @@ body { nav { display: flex; - flex-direction: row-reverse; background-color: white; -} - -nav div { - display: flex; - flex-direction: row; - overflow: hidden; - flex-wrap: wrap; - height: 3em; + flex-direction: column-reverse; } nav img { @@ -61,16 +53,7 @@ nav a { nav a:hover { color: var(--darkteal); -} - -a#menu-toggle { - cursor: pointer; -} - -nav div.menu-open { - height: auto; - flex-wrap: off; - flex-direction: column; + background-color: lightgray; } div.buttons { |