Support » Plugin: Gwebpro Store Locator » Responsive possible?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Jas Saran

    (@moonheart)

    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; }

    Plugin Author Jas Saran

    (@moonheart)

    Hello Stevie,

    Thanks for the tip.

    Thanks,
    G web pro Team

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Responsive possible?’ is closed to new replies.