Full screen image on a page

[asennels]

Hi,

How do I create an image like this?

Thanks.

My site is asennels.dk and I think on this page
https://asennels.dk/kundecases/stryhns/

[tristup]

Hi Alexander,

Thanks for reaching out.
If you are trying to set the background image of a section and the Navigation as shown in the given screenshot, you need to set the background image to the first section of the page and need to add the following custom CSS code into the specific page you want to implement it.

@media(min-width: 980px) 
{
    .page .masthead  
    {
        position:absolute;
        width:100%;
        background-color:transparent !important;
    }
    body.x-navbar-fixed-top-active .x-navbar-wrap 
    {
        height: auto;
    }
    .page .x-logobar,
    .page  .x-navbar, .page .x-topbar  
    {
        background-color: transparent !important;
        box-shadow: none;
        border: 0;
    }
}
.x-navbar .desktop .x-nav>li>a 
{
    border-right: 0px ;
}

I have done the same in my local environment and it worked perfectly fine.

Thanks