Responsive map

Viewing 3 replies - 1 through 3 (of 3 total)
  • .mapp-layout
{
	width: 100% !important;
}

    Insert the mappress shortcode where you want it to show as usual, adding the width parameter: [mappress mapid=”2″ width=100%]

    Change id “2” with your map id

    Go to Appearance–>Editor in the CSS add code below at the bottom.

    /*MapPress--------------------------------------------- */
.mapp-layout
{
	width: 100% !important;
}

    Then in your post use the shortcode below with your correct mapid. Set your maps up with a width of 300 or less. The CSS will do the “stretching” needed to fill the width of the pag. Height really isn’t a factor here

    [mappress mapid=”2″]

    This method will change all the maps on your site to use this “adaptive” width.

    • This reply was modified 7 years, 7 months ago by wolfbane8653.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive map’ is closed to new replies.