WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. danicra
    Member
    Posted 10 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>';

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

  2. cubecolour
    ɹoʇɐɹǝpoɯ
    Posted 10 months 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.

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.