WordPress.org

Support

Support » Plugins and Hacks » Google Maps Travel Route » [Resolved] How to make it responsive? (Solved)

[Resolved] How to make it responsive? (Solved)

  • 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>';

    http://wordpress.org/plugins/google-maps-travel-route/

Viewing 1 replies (of 1 total)
  • Moderator cubecolour

    @numeeja

    ɹoʇɐɹǝpoɯ

    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 ‘[Resolved] How to make it responsive? (Solved)’ is closed to new replies.
Skip to toolbar