diff --git a/site/src/components/TopNav.html b/site/src/components/TopNav.html
index 00e384cdf7..42b322ce1b 100644
--- a/site/src/components/TopNav.html
+++ b/site/src/components/TopNav.html
@@ -69,10 +69,6 @@
font-weight: 300;
}
- .open {
- overflow-y: auto;
- }
-
.primary {
list-style: none;
font-family: var(--font);
@@ -117,7 +113,6 @@
ul.open li {
display: block;
- /* padding: 1.7rem 0 0; */
text-align: right
}
@@ -131,7 +126,6 @@
}
ul.open li a {
- font-size: var(--h6);
padding: 2rem .7rem 0 .8rem;
display: block;
}
@@ -189,6 +183,24 @@
background: none;
}
+ ul.open {
+ padding: 0;
+ background: white;
+ border: none;
+ align-self: initial;
+ }
+
+ ul.open li {
+ display: inline;
+ text-align: left;
+ }
+
+ ul.open li a {
+ font-size: var(--h6);
+ padding: 0 .8rem;
+ display: inline;
+ }
+
ul::after {
display: none;
}
diff --git a/site/src/routes/guide/index.html b/site/src/routes/guide/index.html
index 20c0f82419..6983a752eb 100644
--- a/site/src/routes/guide/index.html
+++ b/site/src/routes/guide/index.html
@@ -170,9 +170,11 @@
border: none !important; /* TODO get rid of linkify */
}
- .content :global(h2):hover :global(.anchor),
- .content :global(h3):hover :global(.anchor) {
- opacity: 1;
+ @media (min-width: 768px) {
+ .content :global(h2):hover :global(.anchor),
+ .content :global(h3):hover :global(.anchor) {
+ opacity: 1;
+ }
}
.content :global(h3),