Tooltip gets cut in mobile interface

andersgahlin · September 2015

When using a tooltip it gets cut in the mobile interface, is there a way to keep the tooltip within the boundaries of the browser edges?

Thanks in advance

Albert · September 2015

Hi,

where exactly can we check this tooltip? Because we we do not see any.

andersgahlin · September 2015

http://www.alron.se/construction/ the link under the first image. Apologies, was editing the page.

Albert · September 2015

Tooltip is not responsive because of your custom css:

.tooltip:hover::after, .tooltip.hover::after { width: 300px !important; }

So you should decrease this width.

andersgahlin · September 2015

Is there any way to centralise the appearance on the mobile interface so it always turns up in the middle?

Albert · September 2015

This is unfortunately impossible. You can only decrease width of tooltip on mobile devices if you want.

andersgahlin · September 2015

Ok, thanks for the help

Comments