Mark Hardman Mark Hardman - 5 months ago 34
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;
}