Map as Background Image w/ WP Fullpage

Hello!
Great plugin. Much better than the other Leaflet plugin out there.
I’m having an issue with making the map a fullscreen background image.
The problem is, I’m placing the map inside the post div, so when I set the map’s proportions to 100% 100%, it gives me 100% of the div, not the entire screen. So I tried closing the div in the post text editor and make a new one with the map shortcode. That worked! Well, kind of. First of all, here is the code I added within the post text editor:

</div>
</article>
<div id="map">[leaflet-map lat=31 lng=34 zoom=13][leaflet-marker lat=31 lng=34]</div>

Here’s a link to what happened

As I mentioned in the title, I’m using the WP FullPage plugin. I understand this might be a plugin conflict, but I’m hoping you can help. Doing this makes the site’s navigation not work (cannot scroll up or down); in the page I link you to there is no right arrow to forward you to the next slide (which there should be; its code for some reason is style=”display: none;”); the black fill in the navigation circles at the bottom has disappeared.

Any idea why this might be happening? Thank you!

Best,
Nick

https://www.ads-software.com/plugins/leaflet-map/