Fix mobile top spacing (double header offset) + CTA/newsletter gap

On mobile, body already has padding-top:60px to clear the fixed header, but
every page ALSO added its own clearance — doubling it and leaving a ~60px
white gap under the menu (content sat too low). Trimmed each page's mobile
top offset so it relies on the body padding (matching .article-page, which
was already correct): page-content, support/hub/legal pages, and the
news-hub / news-article / blog / member heroes. Content now sits ~32-42px
under the header.

Also add a 32px top gap to .newsletter-cta on mobile so it no longer
touches the CTA/content above it.

CSS only.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-08-03 01:31:49 +02:00
1 parent 04f7653001
commit 7c32f416f5
8 files changed
+19 -7

No files matched your search

+3 -1
View File
@@ -316,7 +316,9 @@
@media (max-width: 768px) {
.page-content {
padding-top: 60px; /* Prilagoditev za fiksno glavo */
/* body already has padding-top:60px on mobile for the fixed header,
so no extra offset here (avoids a double gap under the menu). */
padding-top: 0;
}
.page-header-section {