fix for bootstrap responsive css
Permalink Browser Info Environment
I was using this plugin with Bootstrap Theme and it was looking mangled.
Turns out this is a known google maps problem with responsive layouts.
I fixed it by adding two lines in view.php, the ones beginning with #googleMapCanvas in code below:
<style type="text/css">
.googleMapCanvas<?php echo $bID?>{ width:100%; <?php if($map_border) {?>border:<?php echo $border_width?>px <?php echo $border_color?> <?php echo $border_style?>;<?php }?> height: <?php echo $map_height ?>px;}
/* fix for google maps issue at 100% */
#googleMapCanvas<?php echo $bID?> label { width: auto; display:inline; }
#googleMapCanvas<?php echo $bID?> img { max-width: none; }
</style>
Turns out this is a known google maps problem with responsive layouts.
I fixed it by adding two lines in view.php, the ones beginning with #googleMapCanvas in code below:
<style type="text/css">
.googleMapCanvas<?php echo $bID?>{ width:100%; <?php if($map_border) {?>border:<?php echo $border_width?>px <?php echo $border_color?> <?php echo $border_style?>;<?php }?> height: <?php echo $map_height ?>px;}
/* fix for google maps issue at 100% */
#googleMapCanvas<?php echo $bID?> label { width: auto; display:inline; }
#googleMapCanvas<?php echo $bID?> img { max-width: none; }
</style>
Type: | Discussion |
---|---|
Status: | New |