IMPORTANT INFORMATION -- Please read!

1. The "search..." box above searches the Docs & Forum Posts. The "Search" tab above just searches the Forum Posts.

Please use these to search for your issue *before* creating a new message topic, as your issue may have been previously solved.
2. Please put your Club # and Club Web Address in your Forum Signature (best) OR in each post to get faster support from us.
Click here to edit your signature at the bottom of the Profile Information tab.
3. Our user and admin docs are available at: support.toastmastersclubs.org/doc "There's a doc for that!"
4. There is an "Opt In" Feature for newly added members. The Opt In document explains the ~~strikethrough~~ member information. Click Here to View the Post
5. When posting a New Topic , please include all relevant details and be specific. When did your issue 1st occur? What operating system, browser, & browser version are you using? Did you refresh your browser cache? Are your cookies enabled? Lastly, a screen shot is often helpful.
6. Please abide by the Terms of Use . We are volunteers contributing our spare time. We are happy to assist you, so long as you are respectful and courteous.
7. We are always looking for new FreeToastHost Ambassadors to join our team and support fellow Toastmasters in their use of the FreeToastHost website system. If you are familiar with the system and have some interest, send a Send Us a Private Message.

TOPIC:

Wrapper Element for Google Maps iFrame 4 years 3 months ago #82172

Lcala305 Topic Author Offline Moderator Posts: 49 Thank you received: 2	Club #1695 I need assistance on how to effectively wrap my google maps iframe so that it appears in full view via a mobile device. I read the thread addressing wrapper elements, which has worked for videos and images; however, if I use the same method for a google maps iframe, the rest of the page gets completely thrown out of wack.
	The topic has been locked.

Wrapper Element for Google Maps iFrame 4 years 3 months ago #82173

Brian
Offline
Administrator
Posts: 10400
Thank you received: 3853

Rather than reinventing the wheel, just get the link from google maps and put the link on the page for mobile users to click.

Your other choice is to experiment with inline css, lots of examples in google.

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
<div class="map-responsive">
    <iframe YOUR OWN Google map code ></iframe>
</div>

The topic has been locked.

Forum

Support Requests

Public Forums

Support Requests

Wrapper Element for Google Maps iFrame

~~~~~~~~~~~~ IMPORTANT INFORMATION -- Please read! ~~~~~~~~~~~~

TOPIC:

Wrapper Element for Google Maps iFrame 4 years 3 months ago #82172

Wrapper Element for Google Maps iFrame 4 years 3 months ago #82173

IMPORTANT INFORMATION -- Please read!