diff --git a/css/pages/_article.css b/css/pages/_article.css index fd77dae5..9b5c0123 100644 --- a/css/pages/_article.css +++ b/css/pages/_article.css @@ -605,7 +605,8 @@ } .newsletter-cta { - padding: 0 24px 64px 24px; + /* top gap so the box doesn't touch the CTA/content above it on mobile */ + padding: 32px 24px 64px 24px; } .newsletter-cta .container { diff --git a/css/pages/_blog.css b/css/pages/_blog.css index 80131c5b..2a147153 100644 --- a/css/pages/_blog.css +++ b/css/pages/_blog.css @@ -193,7 +193,7 @@ .blog-feat--lg .blog-feat-thumb { min-height: 200px; } } @media (max-width: 768px) { - .blog-hero { padding: 92px 20px 32px; } + .blog-hero { padding: 32px 20px 32px; } /* body offsets the fixed header on mobile */ .blog-hero h1 { font-size: 30px; } .blog-grid { columns: 1; } } diff --git a/css/pages/_hub.css b/css/pages/_hub.css index a7b05bd7..d14d05a7 100644 --- a/css/pages/_hub.css +++ b/css/pages/_hub.css @@ -110,7 +110,7 @@ /* ---------- Mobile ---------- */ @media (max-width: 768px) { - .hub-page { padding-top: 60px; } + .hub-page { padding-top: 0; } /* body already offsets the fixed header on mobile */ .hub-hero { padding: 40px 20px 32px; } .hub-hero h1 { font-size: 32px; } .hub-lead { font-size: 17px; line-height: 27px; } diff --git a/css/pages/_legal.css b/css/pages/_legal.css index 6759b237..5c3c3007 100644 --- a/css/pages/_legal.css +++ b/css/pages/_legal.css @@ -37,6 +37,11 @@ .legal-note { font-size: 13px; line-height: 20px; color: #667085; text-align: center; margin: 4px auto 0; max-width: 640px; } .legal-note a { color: #2D738C; font-weight: 500; } +@media (max-width: 768px) { + /* body already offsets the fixed header on mobile — avoid a double gap. */ + .legal-page { padding-top: 0; } + .legal-hero { padding-top: 32px; } +} @media (max-width: 600px) { .legal-hero h1 { font-size: 30px; } .legal-row { flex-direction: column; gap: 2px; } diff --git a/css/pages/_member.css b/css/pages/_member.css index 9b6c97b4..42cc44a9 100644 --- a/css/pages/_member.css +++ b/css/pages/_member.css @@ -233,6 +233,10 @@ .mm-hero-collage { height: 340px; } .mm-who { grid-template-columns: 1fr; } } +@media (max-width: 768px) { + /* body already offsets the fixed header on mobile — trim the hero's top. */ + .mm-hero { padding-top: 40px; } +} @media (max-width: 600px) { .mm-h2 { font-size: 26px; } .ms-grid, .ms-paths { grid-template-columns: 1fr; } diff --git a/css/pages/_news.css b/css/pages/_news.css index 8810a4f1..dac0def5 100644 --- a/css/pages/_news.css +++ b/css/pages/_news.css @@ -104,7 +104,7 @@ } @media (max-width: 768px) { - .newshub-hero { padding: 92px 20px 32px; } + .newshub-hero { padding: 32px 20px 32px; } /* body offsets the fixed header on mobile */ .newshub-hero h1 { font-size: 30px; } } @@ -136,7 +136,7 @@ .news-article-cta { display: inline-block; margin-top: 12px; } @media (max-width: 768px) { - .news-article { padding: 92px 20px 48px; } + .news-article { padding: 32px 20px 48px; } /* body offsets the fixed header on mobile */ .news-article h1 { font-size: 28px; } .news-article-body p { font-size: 17px; line-height: 28px; } } diff --git a/css/pages/_projects.css b/css/pages/_projects.css index 25feec8a..fb40992a 100644 --- a/css/pages/_projects.css +++ b/css/pages/_projects.css @@ -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 { diff --git a/css/pages/_support.css b/css/pages/_support.css index e2af8391..4128d7ce 100644 --- a/css/pages/_support.css +++ b/css/pages/_support.css @@ -115,7 +115,7 @@ /* ---------- Mobile ---------- */ @media (max-width: 768px) { - .support-page { padding-top: 60px; } + .support-page { padding-top: 0; } /* body already offsets the fixed header on mobile */ .sup-hero { padding: 40px 20px 32px; } .sup-hero h1 { font-size: 32px; } .sup-lead { font-size: 17px; line-height: 27px; }