Toastr Help

Hello, looking to put an onload Toastr Notification located at the bottom-center. Using following code from documentation

<div id="custom-notification-message2" data-notify-position="bottom-center" data-notify-type="error" data-notify-msg="<i class=icon-info-sign></i> DELIVERY Click Here!"></div>
	<script type="text/javascript">
	jQuery(window).load( function(){
		SEMICOLON.widget.notifications( jQuery("#custom-notification-message2") );
	});
	</script>

I have three issues...

1. The Notification is not popping up on load, not sure why?

2. I would also like to know how to make the notification stay on full time without auto timeout.

3. Can I make the entire notification a button that opens a modal? Like this one below?

<!-- Modal -->
					<div class="modal1 mfp-hide" id="myModal1">
						<div class="block mx-auto" style="background-color: #FFF; max-width: 800px;">
							<div class="center" style="padding: 50px;">
								<p>Delivery</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>