Title выходит за пределы страницы

голоса: 0

На сайте реализован вывод красивого title="бла бла бла",  к картинкам или даже к ссылкам. 

Но вот беда, если картинка находится близко к краю, то всплывающая надпись некрасиво уходит с экрана (часть надписи)

Если на десктопе можно уменьшить масштаб и все станет более менее хорошо, то на мобильном ничего не выходит.

 

 

Это можно исправить или лучше отказаться от такого титле?

Адрес сайта https://ex-hort.ru/
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0
 
Лучший ответ

Максимально что могу посоветовать, это прописать в стили:

@media screen and (min-width: 240px) and (max-width: 1000px) { .blueTip {max-width: 100%;display: inline-block!important;left: inherit!important;}}

частично это проблему решит, но не идеально так как автор разработчик не делал этот толтип адаптивным.

| Автор:
Выбор ответа лучшим | | Автор: Фёдор Тимофеев

Как вы и говорили, добавление этого кода в стили ничего не дало.

Вообще. 

Добовлял в  /_st/my.css  и в /css/home-page.css, по очереди. Нет результатов.

А как сделать этот толтип адаптивным? Это реально?

 

Фёдор Тимофеев,
При проверке через инспектор кода я результат видел. Возможно чтобы увидеть на телефоне еще кеш нужно очистить в смартфоне в браузере. Сделать адаптивным реально, но это уже к фрилансерам разработчикам или к автору разработчику скрипта.  Нашел адаптивный бесплатный толтип, как пример можно использовать http://iamceege.github.io/tooltipster/
...