diff --git a/assets/css/components.css b/assets/css/components.css index 2d00e5b..1edd979 100644 --- a/assets/css/components.css +++ b/assets/css/components.css @@ -1447,9 +1447,8 @@ details.faq-item p { .contact-layout { grid-template-columns: 1fr; } } -/* Header: switch to mobile menu earlier : desktop nav with logo + 6 links - + phone + CTA needs ~1024px to fit without overflowing. */ -@media (max-width: 1023px) { +/* Desktop nav needs 1200px+ (container max) to fit logo + 7 links + phone + CTA */ +@media (max-width: 1199px) { .header-nav { display: none; } .header-phone { display: none; } .header-menu-btn { display: flex; } diff --git a/assets/css/promo-popup.css b/assets/css/promo-popup.css index 5dc57ad..4d0e061 100644 --- a/assets/css/promo-popup.css +++ b/assets/css/promo-popup.css @@ -51,8 +51,14 @@ body.has-topbar #site-header { top: 44px; } @media (max-width: 600px) { - #promo-topbar-text { font-size: 0.72rem; } #promo-topbar { gap: 0.5rem; } + #promo-topbar-text { + font-size: 0.72rem; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + text-align: left; + } } /* Popup */