WordPress.org

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

  • Google Maps Travel Route
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.