Skip to content

fix: homepage header taking full viewport, hiding hero image (#1459)#1468

Closed
SOUMITRO-SAHA wants to merge 1 commit into
processing:mainfrom
SOUMITRO-SAHA:fix/1459-homepage-header-viewport-height
Closed

fix: homepage header taking full viewport, hiding hero image (#1459)#1468
SOUMITRO-SAHA wants to merge 1 commit into
processing:mainfrom
SOUMITRO-SAHA:fix/1459-homepage-header-viewport-height

Conversation

@SOUMITRO-SAHA

Copy link
Copy Markdown
Contributor

Description:

Fixes #1459
On mobile, the homepage header was set to 100vh, pushing the hero image below the fold. Users had to scroll to see it.

Changes:

  • Use 100dvh (dynamic viewport height) with vh fallback to account for mobile browser chrome
  • Enforce 750px minimum total height per design spec
  • Set hero image min-height to 375px to match the 50vh/50vh split requirement

…ing#1459)

Use dvh with vh fallback for header height, ensure 750px min-height
so hero image is visible above fold on mobile.
@doradocodes

Copy link
Copy Markdown
Contributor

Closing this PR as the issue is no longer relevant. See my last comment on the Issue for further explanation. Thanks for looking into this!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Homepage header takes up full viewport, hiding hero image above the fold

2 participants