Sticky nav covering fullscreen Google Map on mobile

I have a Google Map which works perfectly on the desktop. Which is to say that when the user hits the map's fullscreen icon, the map becomes fullscreen by covering the entire viewport. But, on the iPhone, the map will not cover the sticky header/nav. I have tried to set the map's z-index to 10000, but even that does not work.

Is there a way to tell the mobile sticky header/nav to allow fullscreen elements to cover it when those fullscreen elements are activated? Or, is there a way to tell the map to override the sticky header/nav?

I will provide the URL for this map in a PM as this is a client site.

Thanks very much for your continued support.

 

An update: I increased the z-index on the map's Section and Code modules to both be "z-index: 1000000 !important;", but even that does not allow the fullscreen mode of the map to cover the sticky header/nav. I tried this on a new test URL which I have sent in a follow-up PM.

 

Thanks very much for this insight.

The reason I thought I should check with you about this is that the fullscreen map works perfectly when using Chrome's Developer Tools at mobile viewport size. But, on an actual iPhone, the sticky header stays on top of everything.

Following your advice, I will also check in with the map plugin developer.

Thanks again.