Docs

[simone]

Hello, I have a map embed at the bottom of the landing page above the footer and one on the contact page. In both places the map is overflowing below the footer. Please help. I set the map size to 200 x 1300 in the iframe code, not sure why this is happening.

thank you!
Simone

http://d78.b51.myftpupload.com/

[Joao]

Hi Simone,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[simone]

This reply has been marked as private.

[Friech]

Hi There,

Thanks, this custom CSS is causing the issue.

.map {height:300px;}

Please look for that custom CSS on your Customizer and remove it. Or make it specific if that code is important on other page.

Hope it helps, Cheers!

[simone]

Thank you, I wanted the map to have a max height of 300px on the page. I think I got it working – but I need to disable the scroll, I have tried adding pointer-events:none scroll:false and nothing is working. Do you have any suggestions, the scroll is not good for user experience.

thanks so much,
simone

[Friech]

Hi Simone,

You can add this under Custom > CSS in the Customizer.

.x-map .x-map-inner iframe {pointer-events: none;}

But, first check your entire custom CSS here: http://csslint.net/ and resolve the errors.

Hope it helps, Cheers!

[Author]

Posts