If you want your Cover area to take up the entire screen height, just follow our quick guide below.
So, just head to Appearance -> Customize -> Additional CSS and paste this code:
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; } |