Почему ломается мобильная верстка при data-tooltip?

Question

[Legal Adviser]

Всем привет.
Есть страница на которой есть текст содержащий:

<div data-tooltip="Указывается согласно выписке из ЕГРИП" class="doc_page_osn_txt_a helpcursor">Полное наименование<sup>*</sup>:</div>

Если просмотр на компе, то нормально отображается, если на мобиле - отвратительно.
При ваши советы и рекомендации по исправлению этого чуда. Или может объяснит кто с чем этот тултип едят?
Заранее всем благодарен.

Comments

[Ankhena]

Сам псевдо 330px шириной + 16px позиционирование + отступ самого блока 30px
Итого 376px
Т.е. во вьюпорт 360 уже никак не влезет.

Меняйте ширину на мобилках с помощью @media.
Или изменяйте внешний вид, как вам (или дизайнеру) нравится.

[Legal Adviser]

Ankhena, правильно ли я понимаю?
Если позиционирование относительно div имеющего data-tooltip имеет скажем 250px (мой случай), то ширина псевдо не может его превысить? Т.е. псевдо ограничен размером своего родителя.

[Ankhena]

Legal Adviser, нет. Сейчас же он прекрасно вываливается.
Какую зададите такая и будет.
Можете задать в % от ширины родителя (того относительно которого позиционирование)