-
Posts
-
Hi @enfold!
I would like to have a different view for hotspot-images on mobile devices. For my mobil-view I would like to hide the text complet and use the link only.
Thanks for your help!
Regards
Michael FI found a css (from 2015) but that does not seem to work anymore.
Here it is:
@media only screen and (max-width: 768px) {
.responsive .av-hotspot-image-container.av-hotspot-blank.av-mobile-fallback-active .av-image-hotspot_inner {
display: none;
}}@media only screen and (max-width: 768px) {
.av-hotspot-fallback-tooltip-count {
display: none !important;
}
.av-hotspot-fallback-tooltip-inner {
margin-left: 0 !important;
}}Hi,
Thank you for the inquiry.
Are you trying to remove the fallback link or text? Please create a test page so we can inspect your setup. If you want to apply the modification to a specific hotspot element only, you can add a custom css class to it (e.g., av-custom-hotspot-class-name).
For more info on how to enable custom css class name support, please refer to this documentation: https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support
@media only screen and (max-width: 768px) { .responsive .av-custom-hotspot-class-name .av-image-hotspot_inner { display: none; } .responsive .av-custom-hotspot-class-name .av-hotspot-fallback-tooltip-count { display: none !important; } .responsive .av-custom-hotspot-class-name .av-hotspot-fallback-tooltip-inner { margin-left: 0 !important; } }Best regards,
IsmaelHi Ismael!
Godd morning and thanks for your feedback!
Here is the link to the page to show how it should look in the mobil-Version.Best regards
Michael FHi,
Thank you for the update.
Only the hotspot numbers are displayed on mobile view, and the links are working as they should. Did you figure this out?
Best regards,
Ismael
- You must be logged in to reply to this topic.