WP Store Locator plugin – hide broken Google map

Google map broken using WP Locator plugin - a common problem

WP Store Locator plugin – hide broken Google map

It’s summer 2018 and many sites are dealing with broken Google maps. One client is using WP Store Locator Plugin which is awesome but the Google map broke and they would rather not give Google a credit card to display maps. I used css to hide the map for now.

My solution is not 100% awesome on phones (a width container problem causes the right scroll bar to be missing) but overall the client is satisfied for now. There is a support suggestion that the plugin provide this kind of store only non-map display which would negate the need for the following.

Plugin Settings

  • Location height 800
    (This can’t be overwritten by CSS. It might have to be higher; in my situation there is not a huge number of locations. If the mobile width problem gets solved, this is not necessary. The point is to show as much as possible on mobile without the scroll bar.)


/* hide google map until better solution - height controlled by plugin settings*/
#wpsl-gmap {display:none;}
#wpsl-gmap {width: 20%; height:10px;}

@media only screen and (min-width: 767px) {
#wpsl-result-list {width: 70%;}
@media only screen and (max-width: 479px) {
#wpsl-result-list, .responsive #wpsl-result-list {max-width: 325px !important;}