Jump to content

Tooltip lost when browser width reduced


johnsmith153

Recommended Posts

Demo at http://page-test.co.uk/tooltip.html

 

When the browser is open a reasonable width, then everything is fine. Reduce the browser width and the tooltip goes out of view. I want it to wrap somehow so the tooltip can still be seen.

 

I have changed various settings but nothing seems to work. I suppose I just need a hand to tidy up the code.

 

Thanks.

Link to comment
Share on other sites

You did a good job on the tooptip, it stays in view until the browser is shrunk to a width of 380px. At that time the tooltip itself has shrunk to 220px. If you want things to work for even smaller browser widths I would suggest moving the tooltip to display under and to the left of your image instead of to the right, because if you make the tooltip any smaller it would be hard to read and make any sense out of it.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.