WordPress.org

Ready to get started?Download WordPress

Forums

Google Maps Ready!
responsive? (5 posts)

  1. qijisyfujyh
    Member
    Posted 5 months ago #

    Thank you creating this wonderful plugin.
    Is it possible to program the code so that the maps are responsive and will work ok on an tablet or smartphone?

    https://wordpress.org/plugins/google-maps-ready/

  2. OBrown
    Member
    Posted 5 months ago #

    Simply and width='100%'. For example [ready_google_map id='1' width='100%']. Works fine.
    Best regards

  3. Google Maps plugin
    Member
    Plugin Author

    Posted 4 months ago #

    Hi!
    our plugin responsive and will work ok on an tablet or smartphone

  4. comologia
    Member
    Posted 4 months ago #

    I have this plugin working on a site and can verify that it work on a resposive template

  5. snowstar
    Member
    Posted 4 months ago #

    For me it wasn't responsive. 100% didn't work, possibly because of an error by the developer who initially set up the site.

    This worked for me:
    I added styles for the map in the stylesheet associated with the theme
    /wp-content/themes/theme-name/css/style.css

    Default is 600px, as set in the plugin.
    @media only screen and (min-width: 768px) and (max-width: 959px) {
    .gmp_map_opts {width: 400px!important;}
    }

    @media only screen and (min-width: 480px) and (max-width: 767px) {
    .gmp_map_opts {width: 300px!important;}
    }

    @media only screen and (max-width: 479px) {
    .gmp_map_opts {width: 100%!important;}
    }

Reply

You must log in to post.

About this Plugin

About this Topic

Tags