How to make cover area full height of the screen?

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:


@media (min-width: 1024px){
    .typology-cover {
        height: 100vh;
    }
}

@media (min-width: 1024px){

.typology-cover {

height: 100vh;

}

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:


.typology-scroll-down-arrow {
    display: block;
}

.typology-scroll-down-arrow {

display: block;

}

Was this article helpfull? Yes No

If you have any further questions, we are here for you.