Landing: keep Sign In button visible on mobile nav

Previously hidden behind the primary CTA; now shows alongside it with
tighter padding on small screens.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
ScreenTinker 2026-04-21 19:24:57 -05:00
parent 52297ec618
commit 25f3870472

View file

@ -121,10 +121,11 @@
.table-scroll { width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
@media (max-width:768px) {
/* Hide section anchor links + the secondary Sign In button; keep primary CTA */
.nav-links a:not(.btn), .nav-links a.btn-outline { display:none; }
/* Hide section anchor links on mobile; keep Sign In + primary CTA */
.nav-links a:not(.btn) { display:none; }
.nav-links { margin-left:auto; }
.nav-inner { padding:12px 16px; }
.nav-links .btn { padding:8px 14px; font-size:13px; margin-left:8px; }
.feature-grid { grid-template-columns:1fr; }
.pricing-grid { grid-template-columns:1fr; }
@ -153,7 +154,7 @@
<a href="#platforms">Platforms</a>
<a href="#pricing">Pricing</a>
<a href="#compare">Compare</a>
<a href="/app" class="btn btn-outline" style="margin-left:16px">Sign In</a>
<a href="/app#/login" class="btn btn-outline" style="margin-left:16px">Sign In</a>
<a href="/app#/login" class="btn btn-primary" style="margin-left:8px">Start Free Trial</a>
</div>
</div>