Foundation Tool Tip not working properly
Permalink
Hello,
I'm using Foundation's Fundamental theme.
I've please a tool tip on a page. When I roll over it changes the cursor to "?" as expected but the tip text appears at the very bottom left of the screen.
If you roll over the Temple symbol on the right side of the search results on this page you'll see. Watch for the scroll bar move as you roll over.
http://gotimetrekkers.com/search_results?ANDcategory=Temples...
Any ideas how I might be able to get the text to appear in the correct place?
Thanks
I'm using Foundation's Fundamental theme.
I've please a tool tip on a page. When I roll over it changes the cursor to "?" as expected but the tip text appears at the very bottom left of the screen.
If you roll over the Temple symbol on the right side of the search results on this page you'll see. Watch for the scroll bar move as you roll over.
http://gotimetrekkers.com/search_results?ANDcategory=Temples...
Any ideas how I might be able to get the text to appear in the correct place?
Thanks
I'm a relative newbie. What's the selector?
<span class="has-tip" aria-haspopup="true" data-tooltip="" data-selector="tooltip-id0i58fp0" aria-describedby="tooltip-id0i58fp0" title="">
also have a look at the container:
http://getbootstrap.com/javascript/#tooltips-options...
http://getbootstrap.com/javascript/#tooltips-options...
Ah, that works; although I was expecting Foundation-type styling with the popup
Shouldn't I use Foundation rather than Bootstrap?
ah I didn't realize it was foundation, I just had a look at the html on your site :D
I guess so, I don't know a lot about foundation.
I guess so, I don't know a lot about foundation.
*edit
the data-selector