Hi There,
I was wondering, I want to have a colored section which is full with and include the following Iframe (map)
<iframe src=”https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7293.043004780901!2d7.587060851012201!3d47.5553525771446!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4791b9ae8303ee37%3A0xcc53934ca3001b92!2sGerbergasse+10%2C+4001+Basel!5e0!3m2!1sde!2sch!4v1516972200502″ width=”100%” height=”600″ frameborder=”0″ style=”border:0″ allowfullscreen></iframe>
Now I gave the color section the ID: Map and added the following code to the custom CSS
#map .container { width: 100% !important; max-width: 100%; padding: 0; margin: 0; }
However the map is not fullwith but still boxed. Is this because of the iframe code or what do I do wrong?
thanks
Hey r3t4iL,
Thank you for using Enfold.
Please provide a link to the page so that we can inspect the map. Did you add “map” as the Section ID?
Best regards,
Ismael
Dear Ismael,
Never mind. I had to change it anyways in the meantime – was just curious.
However, I think it is not the best solution with the map section that one have to do it with the Google API and cannot just insert it directly without having a google account etc. I think it used to be different, right? Anyways, maybe something you could take up for a next version :)
Best,
maurice
Hi,
Yes, you are right!
It used to be different but Google API changed, so we have to also adapt.
We appreciate your understanding
Best regards,
Basilis