Add sticky nav on short viewports (#830)

georgedoescode · web-flow · commit 38a5573a2c6f · 2022-11-04T13:27:56.000Z
diff --git a/src/css/tailwind.css b/src/css/tailwind.css
@@ -292,10 +292,11 @@ details[open] .summary-swap-open {
 }
 
 /* Desktop sticky nav */
-@media (min-width: 768px) and (min-height: 53.75em) { /* 860px */
+@media (min-width: 768px) { /* 860px */
   .page-header {
     position: sticky;
     top: 0;
+    overflow-y: auto;
   }
   .page-nav {
     justify-content: space-between;

Original file line number	Diff line number	Diff line change
`@@ -292,10 +292,11 @@ details[open] .summary-swap-open {`
`292`	`292`	`}`
`293`	`293`
`294`	`294`	`/* Desktop sticky nav */`
`295`		`-@media (min-width: 768px) and (min-height: 53.75em) { /* 860px */`
	`295`	`+@media (min-width: 768px) { /* 860px */`
`296`	`296`	`.page-header {`
`297`	`297`	`position: sticky;`
`298`	`298`	`top: 0;`
	`299`	`+ overflow-y: auto;`
`299`	`300`	`}`
`300`	`301`	`.page-nav {`
`301`	`302`	`justify-content: space-between;`