Use Google Maps in header of Contact page without Google API

Hi jordip,

Try using the Code Block and put your iframe code there, I don’t think it should be as seamless as with the Google Map element provided but it should still be okay.

Best regards,
Nikko

Hi jordip,

Can you give us a link to that page? so we can try to give you some custom CSS codes that might help.

Best regards,
Nikko

Hi jordip,

No need for admin access, just add this CSS code in Enfold > General Styling > Quick CSS:

.page-id-632 #main .container_wrap_first .container {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

.page-id-632 #main .container_wrap_first .container .av-content-full {
    padding: 0;
}

To make your iframe a bit longer in height, just add the height attribute and put some value on it.

Best regards,
Nikko

Hi jordi,

Sure, just replace it with this code:

.page-id-632 #after_section_1 .container {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

.page-id-632 #after_section_1 .container .av-content-full {
    padding: 0;
}

Best regards,
Nikko

Hi migmarrero,

I have checked the contact pages and the german page has this message in the web console:

[AVIA-MAP-ERROR] Latitude or Longitude missing. Make sure you did not only enter an address. You need to fetch the coordinates too.

Best regards,
Nikko