This works for me:
#bgmp_map-canvas {width: 100% !important;}
Hello there, funnily enough I’ve just been trying to get my maps responsive too and found an older post that’s worked for me without needing to do any code changes.
http://wordpress.org/support/topic/plugin-basic-google-maps-placemarks-how-to-tweak-the-code-to-get-width-instead-of-fixed-px
Look down at FlavioSerra’s third comment
“i.e. if one writes “95” then pixels is taken as a default and the width of the map is “95 pixels”, but if one writes “95%” the map is sized as a percent of the column/page.”
It appears to be working, I just added 95% to the map width field in settings.
Hope this helps!
Hey Angewi! Thank you! It works for me!
All nice & dandy, but I like to change the width & height of .bgmp_placemark as well; now it is too small; all styling is inline… even setting a percentage at “Info. Window Maximum Width” on the settings-page doesn’t seem to work.
How can this be done?
Hey there, daft question first – are you meaning the individual placemarks shown on the map when you click on the placemark icon?
If so, we do this by adding two different block elements in our child theme’s CSS
#This adjusts the size of the placemark
.bgmp_placemark {
width: 190px;
height: 240px;
}
#This controls the font size and colour
.bgmp_placemark,
.bgmp_placemark a {
color: #333;
text-decoration: underline;
font-family: ‘Droid Serif’, serif;
font-weight: 400;
font-size: 14px;
}
If this isn’t what you’re meaning then apologies and just ignore my havering!
