I am stumped trying to get this Google Map function to work on my contact page. I followed the instruction in order to generate and properly configure the API key and when I copy it to the map settings under the customize panel and publish it, it doesn't seem to register. How do I rectify this? I included screenshots for visual references.
Yeah, unfortunately I am not inputting the right CSS for that. When you delete the Google Map block and re-add it, the Additional CSS Classes field is empty. Could you please provide me with that so that I can copy/paste it? Thank you.
And lastly, how can I make the header with the logo and the menu burger static or it fades away so that when you're scrolling down on a mobile or a tablet device, it doesn't overlap the page content (see screenshot attachment).
Hi,
I am stumped trying to get this Google Map function to work on my contact page. I followed the instruction in order to generate and properly configure the API key and when I copy it to the map settings under the customize panel and publish it, it doesn't seem to register. How do I rectify this? I included screenshots for visual references.
Hi,
two things:
- enable also Geocoding API for the key
- add the full url of the page to website restrictions for example
http://miltonlambjr.com/contact-2
it works best (don't ask me why wildcards don't always work)
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
IT WORKED, THANK YOU!!!
I deleted the Google Map block and re-added it but now it's not showing 100% width like it was originally. How do I revert that back? Thanks again.
http://miltonlambjr.com/contact-me
Hello,
add class full to the block containing the map - in Additional CSS Class(es) field
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Yeah, unfortunately I am not inputting the right CSS for that. When you delete the Google Map block and re-add it, the Additional CSS Classes field is empty. Could you please provide me with that so that I can copy/paste it? Thank you.
And lastly, how can I make the header with the logo and the menu burger static or it fades away so that when you're scrolling down on a mobile or a tablet device, it doesn't overlap the page content (see screenshot attachment).
Thanks again for all your help.
It's in the right side panel, just type in in 'full' in Additional CSS Class(es) field:
https://prnt.sc/rmuqhk
I'm not sure how we can do that without custom work involving our web designer
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy