0

I am using carto on my website through embedded iframes, and I have an issue on mobile : the map takes the full width of the screen, making it hard to scroll to the bottom of the page, as can be seen on the pic.

Could anyone give me a CSS workaround to give all the iframes a left and right margin? Given that I cannot add the margin to the containers directly.

enter image description here

<iframe width="100%" height="520" frameborder="0"    src="https://topraf.cartodb.com/viz/5c19c6fe-34bc-11e6-a91c-0e31c9be1b51/embed_map" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>
Improve this question

2 Answers 2

Reset to default
1

In this webpage is explained how to give CSS styles to your iframe.It might be useful for your use case. :)

Improve this answer
0

Instead of using CSS, I will recommend disabling the Scroll wheel zoom option. This will allow users to scroll down the whole mobile page but the map.

Improve this answer
2
  • Hey, thanks for your answer but it's already disabled! I also tried to disable the Zoom Controls but it doesnt work either
    – CitySafe
    Commented Aug 23, 2016 at 16:13
  • I have reported the issue to the CARTO's Product team here.
    – ramiroaznar
    Commented Aug 30, 2016 at 6:46

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.