How to make it responsive? (Solved)

  • Resolved danicra

    (@danicra)


    11 years, 5 months 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>';

    https://www.ads-software.com/plugins/google-maps-travel-route/

Viewing 1 replies (of 1 total)
  • Moderator cubecolour

    (@numeeja)

    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.

Viewing 1 replies (of 1 total)
  • The topic ‘How to make it responsive? (Solved)’ is closed to new replies.