Hello;
We upgraded the theme, but our contact page became untrue when we deactivated Virtual Composer. We look at TD Composer but we did not find the specific tag for Maps. We put the GMAP Iframe but it is not responsive. Would you help me?
Yes, problem confirmed, waiting for an answer from the developers.
Hello Dyo,
Please provide your website URL and also, some useful screenshots with the problem so I can identify it and also, so I will be able to take a closer look at it and provide a more accurate code/response.
Thanks.
> We put the GMAP Iframe but it is not responsive.
Hello Edward,
I have inspected your GMAP iframe code and I saw that you have fix values for width and height and you can see -> https://www.screencast.com/t/jvhOzFT5M2rx and that’s why this iframe is not responsive. If you want to make it responsive, you should customize it yourself and add some additional rules for your desired devices.
Thanks for your message!
Thank you. I found a solution. Inserted into the page (full side, for example) iframe code in a Google map:
<div class=”google-maps”>
<iframe src=”YOUR-GOOGLE-MAP” width=”1068″ height=”480″>
</div>
And in the “Live CSS Editor” of this page insert this code:
<style>
.google-maps {
position: relative;
padding-bottom: 75%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
</style>
Forgot to mention – see here: https://www.labnol.org/internet/embed-responsive-google-maps/28333/
