How to make a map responsive & non responsive | WP Maps Pro

15000+ live websites are using this google maps wordpress plugin.

How to make a Google Maps responsive and non responsive

WP Google Map plugin helps you to embed Google Maps in your responsive website so the maps resize automatically based on the screen size of the visitor’s browser.

Responsive Google Maps

If you resize the browser or view the page on a small device, the embedded map would adjust its size automatically based on your screen size.

Step 1 Go to Add or Edit Map and leave the Map width column blank to make the map responsive.

Responsive Google Maps Map Width Wpmapspro

Step 2 click Save map and open it in browser.
Your map now will be responsive. Try resizing your browser to see it in action.

Responsive Google Maps Map Responsive

Non Responsive Google Maps

Step 3 To make the map non responsive enter any Map width.

Your map now will be non-responsive. Try resizing your browser to see it in action.

Google Map NonResponsive WP maps pro

Related Tutorials:

Was this article helpful?
YesNo

Install Plugin Now!

Buy this plugin exclusively on CodeCanyon! You’ll get free updates, full support, and if you’re not satisfied, we’ve got you covered with a 30-day money-back guarantee.