Ready to get started?Download WordPress


Google Maps Travel Route
[resolved] How to make it responsive? (Solved) (2 posts)

  1. danicra
    Posted 1 year ago #

    Previous was closed... If this one is closed again I won't try to help anymore.

    Add CSS Style:

    /* Flexible iFrame */
    .Flexible-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    .Flexible-container iframe,
    .Flexible-container object,
    .Flexible-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;

    Edit line 35 in gmtr-shortcode.php
    Change this

    // Fix
    	$op.='<style type="text/css">#'. $gmr_id .' img { max-width:none; } </style>';
            $op.='<div id="' . $gmr_id . '" style="width:' . $width . 'px;height:' . $height . 'px"></div>';

    Using this

    // Fix
    	$op.='<style type="text/css">#'. $gmr_id .' img { max-width:none; } </style>';
            $op.='<div class="Flexible-container" id="' . $gmr_id . '"></div>';


  2. cubecolour
    Posted 1 year ago #

    Thank you for providing the answer so others can benefit.

    Your original post was not closed, it had been caught in the spam queue. After releasing it I added a link to this post and then closed it as your post here resolves it.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic


No tags yet.