Hi,
in the Image with Hotspot, the text entered in the Hotspot if it is too long do not fit in the textbox and shown over the textbox(on desktop).
What is here the solution?
Thanks,
Ivan
Hey iicinfo,
Please provide a link to the site/page in question so we can look into this issue further.
Best regards,
Jordan Shannon
Hi Jordan,
ok – I put an link in.
I put in the text of the hotspots an “-” for longer words and this is correct show on the desktop, but on the mobile not.
Regards,
Ivan
Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.inner_tooltip h6 {
word-break: break-all;
}
}
Best regards,
Rikard
Hi Rikard,
thanks.
It did not really fix it. What I mean, please go on the page (I post an link) and look at the Hotspot 1 in the second picture on the desktop version. The text is show too long for the text box.
Best wishes,
Ivan
Hi,
Yes it doesn’t look very good, but you have also chosen a very cramped layout to place such an element in. Maybe it would look better if you placed it in a 1/2 element instead? Otherwise we can give you CSS to make the text size smaller.
Best regards,
Rikard
Hi Rikard,
its okay, I change the size of the text. Now I am fine.
Thanks,
Ivan
Hi,
Did you need additional help with this topic or shall we close?
Best regards,
Jordan Shannon
Hi,
if there is no option to make an break word with “-” in the textbox in the Hotspot then its okay. You can then close the topic.
Thanks,
Ivan
Hi,
If you need additional help, please let know here in the forums.
Best regards,
Jordan Shannon