Splash screen

Hello,

A Very Happy New Year to you and your Loved ones!

This is Definitely Possible and can be implemented using some custom CSS. Consider using this Code for the Modal:

<div class="modal-on-load" data-target="#myModal1"></div>

<!-- Modal -->
<div class="modal1 mfp-hide" id="myModal1">
	<div class="block mx-auto" style="background-color: #FFF; width: 100vw; height: 100vh;">
		<div class="center" style="padding: 50px;">
			<h3>A Simple Example of a Text Modal</h3>
			<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum delectus, tenetur obcaecati porro! Expedita nostrum tempora quia provident perspiciatis inventore, autem eaque, quod explicabo, ipsum, facilis aliquid! Sapiente, possimus quo!</p>
		</div>
		<div class="section center m-0" style="padding: 30px;">
			<a href="#" class="button" onClick="$.magnificPopup.close();return false;">Close this Modal</a>
		</div>
	</div>
</div>

and this CSS Code:

.mfp-container {
	padding: 0;
}

.mfp-close {
	color: #222;
}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.