Creating a landing page banner that covers the whole page

30 2 8

I have been trying to put together a banner page that covers the whole landing page. So far the best method I've done was inserting the HTML into the body of theme.js

I initially set this display to none and after the page loads, using Javascript I toggle the display. The problem is the homepage first loads showing the main content and header then displays the banner. I want the banner to be displayed only on the homepage and can't figure out a way to get it to cover the whole page without putting it directly in the body element above the header and main section.

I have tried putting it into a section on the home page using the theme customizer. The issue with that is I can't correctly get it to cover the header using solely CSS. Any suggestions on how to get this done?

Replies 0 (0)