GeoDirectory Supportz-index of full screen map – GeoDirectory Support https://wpgeodirectory.com/support/topic/z-index-of-full-screen-map/feed Thu, 05 Feb 2026 01:55:11 +0000 http://bbpress.org/?v=2.5.14-6684 en-US https://wpgeodirectory.com/support/topic/z-index-of-full-screen-map/#post-9485 <![CDATA[z-index of full screen map]]> https://wpgeodirectory.com/support/topic/z-index-of-full-screen-map/#post-9485 Tue, 22 Jul 2014 21:21:07 +0000 Craig Bennett Hi,

I’m wondering is it possible to adjust the z-index of the map when it is full screen (see screenshot).

Problem I have is my nav bar is being display on top of the map when full screen, if I adjust the z-index of my nav bar, the bottom of the sub-menus are cut of at the top of the normal map.

The website is at http://myhappykids.vertusdigital.co.uk/ if you want to take a look.

I can see this being a common problem for people using large sub-menus / mega-menu, if there isn’t already a way to increase the z-index of the map when full screen, it would be a welcome addition.

Cheers, Craig

]]> https://wpgeodirectory.com/support/topic/z-index-of-full-screen-map/#post-9496 <![CDATA[Reply To: z-index of full screen map]]> https://wpgeodirectory.com/support/topic/z-index-of-full-screen-map/#post-9496 Tue, 22 Jul 2014 22:28:27 +0000 Guust Simplest would be to increase the z-index of your menu, like you have done.
Otherwise I think you could add
.map_background {z-index: whatever}
but the map CSS itself is controlled by Google I think. That does not mean you cannot adjust the CSS, but it might not be the best idea.
Happy to be corrected on my reply …

]]> https://wpgeodirectory.com/support/topic/z-index-of-full-screen-map/#post-9497 <![CDATA[Reply To: z-index of full screen map]]> https://wpgeodirectory.com/support/topic/z-index-of-full-screen-map/#post-9497 Tue, 22 Jul 2014 22:33:23 +0000 Craig Bennett Hi,

I’ve fixed the issue I was having by adding the following line of code to map.js around line 67:

jQuery('#' + map_canvas +'_triggermap').closest('.geodir_map_container').toggleClass('geodir_map_container_fullscreen');

Then added a new css rule for the new class – .geodir_map_container_fullscreen that increases the z-index when the map is full screen.

Any chance you could add it in the next version, or is there a way I can add the code to my functions.php in my child theme so it doesn’t get overwritten with every update.

Cheers, Craig

]]> https://wpgeodirectory.com/support/topic/z-index-of-full-screen-map/#post-9498 <![CDATA[Reply To: z-index of full screen map]]> https://wpgeodirectory.com/support/topic/z-index-of-full-screen-map/#post-9498 Tue, 22 Jul 2014 22:39:38 +0000 Craig Bennett Hi Guust,

Just noticed you reply after adding the comment above.

I’d tried doing it with css, problem I had was my nav’s sub-menus overlap the map when it is normal size, so when I change the z-index of my menu the map is on top / overlapping the sub-menu when the map is normal size.

If I move the z-index the other way, the nav shows when the map is full screen.

The method above seems the easiest way, as it adds a new class to the map when it is full screen.

Cheers, Craig

]]> https://wpgeodirectory.com/support/topic/z-index-of-full-screen-map/#post-9677 <![CDATA[Reply To: z-index of full screen map]]> https://wpgeodirectory.com/support/topic/z-index-of-full-screen-map/#post-9677 Wed, 23 Jul 2014 21:04:39 +0000 Paolo thanks for the update Craig! I’ll makr this as solved and pass your suggested fix to the developers.

Thx

]]>