Imagemap won’t display in popup

@erpol53 – Sorry for the delay. The JavaScript code solution here should work for you: https://docs.wppopupmaker.com/article/264-sliders-inside-popups

Hope that helps. If your issue is resolved please take a moment to rate and review the plugin or support.

If you still need help please message us directly at https://wppopupmaker.com/support/.

Hi, thanks. I posted the review!

I managed to find the solution on my own, that I dug up in one of your publications – as I couldn’t used a fixed size, it’s a variation of the functions.php hook.
Here’s what I did, which works great for all popup sizes including auto:

In the custom styles.css, added:

	#mapster_wrap_1 {
	    width: auto!important;
	    height: auto!important; 	} 
	img.mapster_el {
	    width: auto!important;
	    height: auto!important;	}
	canvas.mapster_el {
	    width: auto!important;
	    height: auto!important;
	}

Then in functions.php, added the following hook:
(pum-1234 is the id of the specific popup I wanted to be affected by the code, as I disn’t want it for all of them)

/***  Custom Popup maker JavaScript scripts   */
add_action( 'wp_footer', 'my_custom_popup_scripts', 500 );

function my_custom_popup_scripts() { ?>
    <script type="text/javascript">
    
	jQuery('#pum-1234')
    	.on('pumAfterOpen', function () {
        	$(window).trigger('resize');
    });

    </script><?php
}

@erpol53 – Awesome, glad you got it worked out. That said I’m not sure the CSS is needed, when you call trigger(‘resize’) their code resizes the player to its parent container. This is the reason you have to do this in the first place.

IE the popup when hidden is sized to 0px x 0px, so that is what the slider sizes to.

Just a thought.

Take care.