Hello,
Yes, you can make it responsive. Move to Gwebpro Store locator plugin folder and open gwebpro-store-locator/css/store_style.css. You can change the frontend css styles from here. You need to set the styles depending upon screen resolution to make the section responsive. For resizing map use width 100%.
Also you can change the map pins. Move to gwebpro-store-locator/images. Here you find the me_map.png icon just replace it with your new one.
And for changing the other icon you need to make a little tweak in code.
step 1. open gwebpro-store-locator-frontend.php
step 2. search for
var markerOptions = {
position: position,
map: map,
animation: google.maps.Animation.DROP
}
step 3. replace the code with this
var markerOptions = {
position: position,
map: map,
icon: ‘<?php echo plugins_url( ‘images/stores_icon.png’ , __FILE__ ); ?>’,
animation: google.maps.Animation.DROP
}
step 4. Create your new store pin or marker named stores_icon.png and place it into images folder gwebpro-store-locator/images
You can see the changes after refresh the page.
Thanks,
G web pro Team
my question is, when i enter a location i have to click “OK” and also “Search” button to accept it because “Enter” does not work i think this could be a small bug.
Thank you
just a tip i found if your having problems showing the google map zoom controls add this to button of your css
.gmnoprint img { max-width: none; }
