Tooltip cut off on mobile

  • Resolved tekover27

    (@tekover27)


    1 month, 1 week ago

    Hi there,

    I’m using an African map, it displays well on mobile but the tooltip content is cut off.
    Any idea how to fix it?

    Regards,

    Romain

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author interactivegeomaps

    (@interactivegeomaps)

    Hello, there are several ways to fix.

    Content missing at the end of tooltip

    Try adding the following to the custom css field:.imapsInnerTooltip{ white-space:nowrap !important; }

    OR.imapsInnerTooltip:after { padding:2px; content:’_’; color:#FFF; }

    OR/* Setting a fixed height */ .map_wrapper foreignObject div { max-width: 200px !important; min-height: 60px !important; white-space: normal !important; display: flex !important; justify-content: center; /* align horizontal */ align-items: center; /* align vertical */ }

    Hello! Tried every code and also from this tutorial: https://interactivegeomaps.com/docs/tooltip-issues/ but it’s still not working. I can’t fix the cutoff from this tooltip.

    Here it’s the website: https://bac.slin.digital/

    Also created a javascript to change the size of foreignObject, but didn’t work.

    Could please help me with that?

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.