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

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

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

Tags

No tags yet.