New Tooltip Positioning Possibilities and Mobile Fixes – 3.3.17

New Tooltip Positioning Possibilities and Mobile Fixes – 3.3.17

Share on facebook
Share on twitter
Share on pinterest

After closing a relatively long development and support break, first I shipped this version with a solution for a tiny, but annoying issue. It’s the “cut-off” effect of tooltips on mobile devices.

What was the problem exactly?

It lies in the positioning of the tooltip. When having wider content, the tooltip is shifted out of columns, or often tables.
This problem happens in every case when the table fills up the entire horizontal area, and there isn’t enough space on the sides of the pricing table. Typically, devices with narrow viewports (like mobiles and tablets) were affected.

Tooltip Cut-Off Issue

Until this version, the only option you had was playing the width of the tooltip. With more or less success, because of the flexible width of columns.

The solution

In this version, I reworked tooltip positioning by giving it more flexibility. First of all, you can choose a position option under the Skin & Style tab. Besides the default “Top Right” position, you can choose from “Top Center” and “Top Left” positions. Whichever you select for desktop, the “Top Center” will automatically apply to mobile and desktop viewports. It ensures that tooltip won’t shift out of the column. Furthermore, the tooltip cannot be wider than its column.

Tooltip Position Admin Screen

The result looks like this:

Fixed Tooltip


I’m continually working on the next smaller and major updates. That means keeping the focus on resolving the most annoying bits and adding the most wanted features. That’s all for now! Happy updating!

This site is powered by Elementor

  • This site is powered by Elementor

Related Posts

Leave a Reply

Your email address will not be published.

Check out Justified Image Grid, my top-selling WordPress gallery that shows photos without cropping!

Show your photos with Justified Image Grid!