Mark Hardman Mark Hardman - 1 month ago 11
CSS Question

Front-end headline section

I'm trying to create the headline section on www.dzn-studios.com full height, only when on desktop.

Though when I try and adjust the height: with a '%' value there is no effect. If I enter a pixel value that does change the height but ruins the responsiveness.

Desired outcome

Apologies for the newbie question but we all have to start somewhere right!

Answer

You would add this declarations to your css rule for header.section-headline.homepage

.section-headline.homepage {
    height: 100vh;
    margin-top: -80px;
}