Archived topic
Page Header Depth
3 replies · Started by Michael on June 29, 2018
Viewing posts 1–4 of 4
Is there a way to limit the page header depth to a percentage of the browser window height, and maintain that percentage as the browser window is resized?
Hi Michael, there is the Viewport Height Unit VH. So this would be 75% of the viewport height.
.generate-page-header {
height: calc(75vh);
}Note - Browser zoom does effect this, and Safari treats that differently to Chrome / FF.
Odd this topic came up 2 minutes ago, and shows how to use Calc with the property:
https://generatepress.com/forums/topic/make-fullscreen-page-header-less-than-100/
Thank you, David!
Glad to be of help
This archived topic is closed to new replies.
