Google Maps and Contact Page with Teethy Theme

[Vadim]

Hello,

i´ve tried to implement the iframe code of Google Maps in the contact page, but the size of the header doesn´t fit.

In the description is written:

Add embeded map, shortcode Or any video code in header instead of feauted image page & post header. create custom field with name “headercode” and put code in custom box.

So i copied the iframe code of google maps in the custom field:

<iframe src=”https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d9774.317358552484!2d8.60545!3d52.23286!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xa129a73744759928!2sKurhaus+B%C3%BCltermann!5e0!3m2!1sde!2sde!4v1487772126825″ width=”600″ height=”450″ frameborder=”0″ style=”border:0″ allowfullscreen></iframe>

But it seems that the map doesn´t fit to the header size. Please, can you help me?

Here is the contact page:

wordpress.p148554.webspaceconfig.de/?page_id=143

[Sonnal S Sinha]

Hi Vadim,

Kindly go to Appearance>>Customize>>Basic>>Custom CSS Box

Add this code there:

.shorthead iframe{width:100% !important;}

Regards,
Brad

[Vadim]

Perfect. It works!

Thank you.

[Sonnal S Sinha]

🙂

[Author]

Posts