In CartoDB, if I customize the styles of an InfoWindow, the map moves not enough to always display the full InfoWindow.

For example: If I position the div.cartodb-popup to left:26px and bottom:16px to get it (the bottom left corner) open exactly where the user clicked, larger InfoWindows will not be displayed fully inside the map (Screenshot left), require the user to drag the map to fully see the infowindow (Screenshot right).

Left: right now, wrong; Right: desired view

How can I tell CartoDB to move the map X pixels more to the left or right and top or bottom, so the user can see the full InfoWindow (Screenshot right)?

1 Answer 1


Apparently this is easier as I thought (and did not work so far cause of a cache-problem) … but it worked by just adding a margin-top and margin-right to div.cartodb-popup

  • Great!! :) Could you mark your question as answered?
    – iriberri
    Jul 24, 2015 at 7:58

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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