Select Language

Make Tooltips Responsive

Back to List

The classic tooltip is activated once the user hovers over the element...

On desktop, this works perfectly!

However mobile devices don't support the hover effect

To deal with this, add a clickable help icon next to your button. When the mobile user taps on the icon, show the complementary tooltip text.

‹ How To Enhance Hierarchy

Choose Chart Types Carefully ›

More to explore

Choose Chart Types Carefully

Line charts might look trendier but they don't apply to every case. When the x-axis has limited options, a bar chart is the most appropriate graph type.

Choose Chart Types Carefully

Line charts might look trendier but they don't apply to every case. When the x-axis has limited options, a bar chart is the most appropriate graph type.

Choose Chart Types Carefully

Line charts might look trendier but they don't apply to every case. When the x-axis has limited options, a bar chart is the most appropriate graph type.

Padding On Rounded Cards

The left cards use the same padding around the card. Yet the visual result seems off.

Padding On Rounded Cards

The left cards use the same padding around the card. Yet the visual result seems off.

Padding On Rounded Cards

The left cards use the same padding around the card. Yet the visual result seems off.

Social Login

Social login boosts conversion since users can easily join your platform. Then, it's a good practice to put your social login on top of the page and place the email password authentication below.

Social Login

Social login boosts conversion since users can easily join your platform. Then, it's a good practice to put your social login on top of the page and place the email password authentication below.

Social Login

Social login boosts conversion since users can easily join your platform. Then, it's a good practice to put your social login on top of the page and place the email password authentication below.