Problem with responsive Tooltipe size | ww.wp.xz.cn

Resolved mivanovdev
(@mivanovdev)

3 years ago

Hello, I have a problem with the size of the tooltip on a responsive design. In practice, the length is static and accordingly the tooltip field and its contents go off-screen. This prevents all content from being visible. The problem occurs even at lower desktop resolutions. Since the dimensions are set to “auto”, I cannot change them. Please give me a solution to the problem of what css code should be loaded so that there is no problem when viewing on lower resolution devices.

Screenshot –> https://ibb.co/cCkzYtY

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

Viewing 3 replies - 1 through 3 (of 3 total)

Carlos Moreira
(@carlosmoreirapt)

3 years ago
Hi @mivanovdev

Here are some tips for css that you can apply to the tooltip:

https://interactivegeomaps.com/docs/tooltip-styling-with-custom-css/

You can try:
```
.map_wrapper foreignObject div {
  max-width:150px;
}
```
Greetings, Carlos
Thread Starter mivanovdev
(@mivanovdev)

3 years ago

Nah, didnt’ work… I try to put in Custom CSS in the theme (Divi Theme)… and also to put in Custom CSS in plugins… still the same case.
Carlos Moreira
(@carlosmoreirapt)

3 years ago
You can try with the !important tag. Updated example:
```
.map_wrapper foreignObject > div {
  max-width:250px !important;
  white-space:initial !important;
}
```

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Problem with responsive Tooltipe size’ is closed to new replies.

Tags

3 replies
2 participants
Last reply from: Carlos Moreira
Last activity: 3 years ago
Status: resolved