diff options
| -rw-r--r-- | desktop.css | 14 | ||||
| -rw-r--r-- | index.php | 19 |
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; + } +} @@ -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> |