adam/seahaven-site
1
0
Fork 0
mirror of https://github.com/Sea-Haven-Industries/seahaven-site.git synced 2026-10-04 20:41:59 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(nav): add sustainability to primary nav

Browse source 
Five links plus the CTA button no longer fit above the existing 768px
breakpoint; between 769px and ~855px the Get a Quote button wrapped to
two lines inside the 72px bar. Move the nav collapse to its own 900px
media query so the hamburger takes over before the bar runs out of room.
This commit is contained in:
Adam Moussa 2026-08-14 13:46:17 -04:00
parent 94fd9766e4
commit a2729381bc
No known key found for this signature in database
2 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
_data/site.json
View file

@ -18,7 +18,8 @@
{ "label": "Services", "href": "/services/" },
{ "label": "About", "href": "/about/" },
{ "label": "Careers", "href": "/careers/" },
{ "label": "Accountability", "href": "/social-accountability/" }
{ "label": "Accountability", "href": "/social-accountability/" },
{ "label": "Sustainability", "href": "/sustainability/" }
],
"social": [
{ "label": "LinkedIn", "abbr": "in", "href": "#" },

7
assets/css/main.css
View file

@ -463,9 +463,14 @@ a { color: inherit; text-decoration: none; }
.footer-brand { grid-column: span 2; }
}
@media (max-width: 768px) {
/* Nav collapses ahead of the other breakpoints: five links plus the CTA run
out of room below ~855px and the button wraps to two lines in a 72px bar. */
@media (max-width: 900px) {
.nav-links, .nav-cta { display: none; }
.nav-hamburger { display: flex; }
}
@media (max-width: 768px) {
.cta-inner { grid-template-columns: 1fr; }
.footer-grid { grid-template-columns: 1fr; }
.footer-brand { grid-column: span 1; }