![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
January 23, 2018 at 3:47 pm #901494
Hi all, I have an image with hotspots. It works nicely on wide screens and on mobile is fine. However I’d like, when seen on a mobile device, that the tooltip adjust itself large as the device screen, in order to show very well the text inside. I don’t mind about the triangle below the tooltip area being over the hotspot circle. The tolltip can open above it.
I need it as a way to pop-up some text specifically for a certain area of the image, but the text must be very well visible (it would be used on mobiles also under the sun and if the font is too small, it would be difficult to read)
thanks
January 23, 2018 at 4:25 pm #901534Hey Elena,
Can you post a link to your site? so we can take a closer look.
Best regards,
NikkoJanuary 23, 2018 at 11:09 pm #901747Hi I copy in the private content an example page I would like to create. There is an drawing (image) with some hotspots in which an explanation is visible. My goal is to make the explanation well readable on a mobile device (iphone 6 for example), even in daylight (sun light). Do not consider the colours I used now as it is only an example. My idea is to have the tooltip that has a certain heght (let’s say fixed height) and a 100% width in relation to the mobile device screen width.
January 24, 2018 at 8:43 pm #902303Hi,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top .avia-tooltip.avia-tt.av-tt-xlarge-width { left: 0 !important; width: 100% !important; font-size: 20px; }
Hope this would help.
Best regards,
NikkoJanuary 25, 2018 at 9:51 am #902698Thanks Nikko, but nothing happens. The tooltips are still visible in the same way.
January 25, 2018 at 10:31 am #902724Hi,
Do you have a caching plugin? or minification plugin? try flushing out cache or disable minification, that might prevent the changes from showing.
Best regards,
NikkoJanuary 25, 2018 at 10:37 am #902736You are right!! I had the minify plugin activated that prevented the use of newly added css rules. Now it works like a charm!
Thank you very much: always a great support!!-
This reply was modified 6 years, 7 months ago by
elenapoliti.
January 25, 2018 at 10:46 am #902741Hi,
You’re always welcome! Just glad we could help :) Thanks for using Enfold and for your kind words, we really appreciate it :)
Best regards,
Nikko -
This reply was modified 6 years, 7 months ago by
-
AuthorPosts
- The topic ‘Setting tooltip size on mobile devices for hotspot images’ is closed to new replies.