In your css file target the map class or id and set it display:block;
Hey Rusho. Thanks for the suggestion. I’m not sure which css file and which tag you’re referring to. I searched the files I could find.
The css file is style.css which you will find in your theme folder no matter which theme you are use. But you should not change this file directly.Because if the theme get update in future, you will lost all your change.To tweak something in WordPress you have to create child theme of the theme you are currently using. Then change whatever you want to change in your child theme. Please visit the link below for more details.
https://codex.wordpress.org/Child_Themes
I’m familiar with child themes. What I’m missing was/is where to add display:block;
. Which css tag am I adding it to?
Can you give me the site url?
Unfortunately, I can’t. It’s currently under construction so I have it hidden behind a “Registered Users Only” login.
You had originally given me a display:block;
attribute…you must have an idea of what tag to put it in the style.css
Ok, I was thinking about the Google map object. Inspect the map object with Developer Tool and see if there is any class or id associated with this map. Then target that map class or id.
Or, if you don’t find any map class or id, you can insert a class at the beginning of the code that you got from Google Map and use that class.
I think it will work.
Ok, I did some digging into the CSS and found that the issue was with the map.css in the plugin (/wp-content/plugins/google-maps-ready/modules/gmap/css/map.css)
.map_container and .gmp_map-opts had a float:left;
. When I commented those lines out, it worked as I was expecting.
thanks invisiblestupid! it worked perfectly