Full width front page

Hey fanlokbun,
Please link to your page so we can examine and offer a solution.
As I understand you want the front page background to stretch full width, the content can remain boxed but I want it on a background that covers the whole screen.
but I don’t understand the last line “with no theme elements showing” this seems to go against the first statement “the content can remain boxed” please explain, or perhaps a mockup image would help.

Best regards,
Mike

Hi,

Thank you for the inquiry.

We added this css code to adjust the width and height of the front page.

.responsive #top.boxed.page-id-329 {
    width: 100%;
    max-width: 100%;
}

.responsive  #top #front-page {
    min-height: 100vh;
}

Best regards,
Ismael

Hi,
I added this css to your Quick CSS:

#front-page.avia-section {
	animation: zoom 10s;
	animation-fill-mode: forwards;
}
@keyframes zoom {
  0% {
    background-size: 100% auto;
    -webkit-background-size: 100%;
  }
  100% {
    background-size: 110% auto;
    -webkit-background-size: 110%;
  }
}

please clear your browser cache and check.

Best regards,
Mike

Hi,
In that case I would recommend not using the animation.

Best regards,
Mike