diff --git a/tools/av-generate-home.php b/tools/av-generate-home.php index 81ba111..c0d6cb2 100644 --- a/tools/av-generate-home.php +++ b/tools/av-generate-home.php @@ -263,17 +263,19 @@ function av_build_home_video_hero() { $els = []; - // SECTION — full bleed, large vertical padding, video bg or navy + // SECTION — full-bleed, 100vh tall, content vertically centered. + // Using min-height (not fixed height) so content can still extend if needed. + // 100dvh fallback handles mobile address bar collapse correctly (newer browsers). $els[] = [ 'id' => $sid, 'name' => 'section', 'parent' => 0, 'children' => [$oct], 'settings' => [ - '_padding' => av_sp('9rem', '0', '8rem', '0'), - '_padding:tablet_portrait' => av_sp('7rem', '0', '6rem', '0'), - '_padding:mobile_landscape' => av_sp('5rem', '0', '4rem', '0'), - '_padding:mobile_portrait' => av_sp('4rem', '0', '3.5rem', '0'), - '_background' => $section_background, - '_position' => 'relative', - '_overflow' => 'hidden', + '_padding' => av_sp('2rem', '0', '2rem', '0'), // breathing room at top/bottom + '_heightMin' => '100vh', // full viewport height + '_justifyContent' => 'center', // vertical centering (flex-column) + '_background' => $section_background, + '_position' => 'relative', + '_overflow' => 'hidden', + '_cssCustom' => '%root% { min-height: 100vh; min-height: 100dvh; }', ], ];