Tooltip cut off on mobile

  • Resolved tekover27

    (@tekover27)


    1 year, 7 months 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 MapGeo

    (@interactivegeomaps)

    1 year, 7 months ago

    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 */ }

    Arlindo Jr.

    (@arlindojr)

    1 year, 6 months ago

    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)

The topic ‘Tooltip cut off on mobile’ is closed to new replies.