Hi, yes I see it should be 550px wide. Try removing the Google Maps code inserted by some other plugin/theme in the header. It’s producing some errors.
Thread Starter
Sharon
(@prettybiddy)
Hi – Thank you for getting back to me. I deleted 2 plugins one of which was putting something in the header about google maps and the your map still pops up half-width. Where are you seeing errors? What debug tool are you using? I installed “Debug This” plugin and turned on debug in wp-config.php and I don’t see any errors thrown.
That JS error is now gone. Some piece of JS is unfortunately modifying the lightbox width. At the moment, I’m unable to identify which one is it 🙁
Thread Starter
Sharon
(@prettybiddy)
Hi – I’ve isolated that it must be the theme “Make” by The Theme Foundry as I set up a test site with just the theme and 1 plugin – Google Maps Widget. So I should look at their js code?
Hi;
Yes, it’s definitely a JS issue (most probably in the theme).
Thread Starter
Sharon
(@prettybiddy)
Thanks – I have a question in to the “Make” support forum – I don’t think I know where to change the JS on my own
Thread Starter
Sharon
(@prettybiddy)
Hi – FYI I deleted these elements in their style.css and it solved the problem:
iframe[src*=”google.com/maps”] {
width: 100%;
height: 300px;
}
@media screen and (min-width: 800px) {
iframe[src*=”google.com/maps”] {
height: 600px;
}
}
Glad you got it working. Thank you for sharing the fix.
