summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--desktop.css14
-rw-r--r--index.php19
2 files changed, 20 insertions, 13 deletions
diff --git a/desktop.css b/desktop.css
index e69de29..e61e778 100644
--- a/desktop.css
+++ b/desktop.css
@@ -0,0 +1,14 @@
+@media only screen and (min-width: 800px) {
+ a.closeMenu {
+ display: none;
+ }
+ a.openMenu {
+ display: none;
+ }
+ nav {
+ display: block;
+ }
+ #menu:target a.closeMenu {
+ display: none;
+ }
+}
diff --git a/index.php b/index.php
index d9f2943..a8a852b 100644
--- a/index.php
+++ b/index.php
@@ -31,12 +31,6 @@
<body id="menu">
<main>
<nav>
- <a class="closeMenu" href="#">
- <svg style="width: 24px; height: 24px" viewBox="0 0 24 24">
- <path fill="#ffffff"
- d="M21,15.61L19.59,17L14.58,12L19.59,7L21,8.39L17.44,12L21,15.61M3,6H16V8H3V6M3,13V11H13V13H3M3,18V16H16V18H3Z" />
- </svg>
- </a>
<a href="/#"><img src="/assets/logo-simple.png" /></a>
<a href="/#contact">Contact Me</a>
<a href="/#reviews">Reviews</a>
@@ -44,6 +38,12 @@
<a href="/policies">Policies</a>
<a href="/#pricing">Pricing</a>
<a href="/#offerings">Offerings</a>
+ <a class="closeMenu" href="#">
+ <svg style="width: 24px; height: 24px" viewBox="0 0 24 24">
+ <path fill="#ffffff"
+ d="M21,15.61L19.59,17L14.58,12L19.59,7L21,8.39L17.44,12L21,15.61M3,6H16V8H3V6M3,13V11H13V13H3M3,18V16H16V18H3Z" />
+ </svg>
+ </a>
</nav>
<a class="openMenu" href="#menu">
<svg style="width: 24px; height: 24px" viewBox="0 0 24 24">
@@ -65,13 +65,6 @@
</p>
<p>
- Fugiat consequatur sunt officia neque magni nihil exercitationem.
- Placeat fuga consequatur ipsa. Quia velit non aut dolor excepturi
- impedit. Voluptates ipsa ut sunt consequatur quisquam. Nisi commodi
- est qui id qui consequuntur.
- </p>
-
- <p>
Recusandae deserunt ullam corrupti et. Quam est et voluptatum
consequatur. Voluptates quia suscipit in voluptates.
</p>