Responsive map

Viewing 3 replies - 1 through 3 (of 3 total)
  • olimax

    (@olimax)

    9 years, 10 months ago

    .mapp-layout
{
	width: 100% !important;
}
    picaporte

    (@picaporte)

    9 years, 10 months ago

    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

    wolfbane8653

    (@wolfbane8653)

    9 years, 1 month ago

    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 9 years, 1 month ago by wolfbane8653.
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Responsive map’ is closed to new replies.