Archived topic

Offset site header height

3 replies · Started by Terence on April 16, 2019

Viewing posts 1–4 of 4

April 16, 2019 at 6:45 am #870434

At the Unlevel site I am trying to set up the first section of the homepage to "fit to screen", but its too long and the problem I think I am having is that I am not allowing for offset site header height. How do I do that?

April 16, 2019 at 6:57 am #870575

Hi there,

you could use the Header Element and set the Site Header to merged, but as you're using Elementor probably easier to use some CSS. Edit the Elementor Section > Advanced Tab > CSS Classes and give it a custom class e.g: full-height-hero

Then add this CSS:

@media (min-width: 768px) {
    .full-height-hero {
        height: calc( 100vh - 60px );
    }
}

The 60px is the height of the nav

May need to give that property some !important

April 16, 2019 at 9:04 am #870709

More strangeness David. It didn't seem to be making any difference and then I added the !important and Bob's your uncle. Perfect. Thanks!

April 16, 2019 at 9:19 am #870729

Glad to be of help.

This archived topic is closed to new replies.

Start building better websites today.