If you want your Cover area to take up the entire screen and thus make the Cover area in full-height, just follow our quick guide below.
So, just head to Theme Options -> Additional Code -> Additional CSS and paste this inside:
1 2 3 4 5 6 7 8 9 10 11 12 13 | @media (min-width: 1024px){ .typology-cover { height: 100vh !important; } .typology-cover-img { height: 100vh !important; } .typology-cover-item { height: 100vh !important; } } |
If you want to add the arrow icon at the Cover area bottom to initiate the visitors to scroll the page down, just add this line of code as well:
1 2 3 | .typology-scroll-down-arrow { display: block; } |