Google Map not responsive

User 458539 Photo


Registered User
1,584 posts

I don't get it - following the white paper on the site for google map responsive and the map shows up but is not responsive. Put the head tag in - wrapped the google code - made the custom sheet but its not responsive

http://tippingproductions.com/tpc/demos … ntact.html

Thanks in advance

Byron
User 2088758 Photo


Senior Advisor
3,087 posts

Hi Byron,

Try taking the
.cc-map-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.cc-map-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


out of the body { } tags and have it underneath all on its own
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 458539 Photo


Registered User
1,584 posts

Nice catch - thanks a million

Byron
User 2088758 Photo


Senior Advisor
3,087 posts

Glad it worked for you. ;)
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.