How to edit an image hotspot element on mobile? - Support | Kriesi.at

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts

February 12, 2018 at 3:51 pm #911150

Hi, how can I remove the dots on mobile from an image hotspot element and how can I make the number bubble be aligned to the right instead of the left? So the bubble with the number will be to the right of the text bubble.

Thanks.

February 13, 2018 at 5:23 am #911519

Ismael

Moderator

Hey DROR,

Thank you for using Enfold.

Please use the following css codes.

@media only screen and (max-width: 767px) {
    .responsive .av-hotspot-image-container.av-hotspot-blank.av-mobile-fallback-active .av-image-hotspot_inner {
        text-indent: 0px;
        display: none;
    }

    .av-non-fullwidth-hotspot-image .av-hotspot-fallback-tooltip-count {
        right: 0;
    }

    .av-hotspot-fallback-tooltip-inner {
        margin-left: 0;
        margin-right: 60px;
    }

    .av-hotspot-fallback-tooltip div.avia-arrow {
        right: 60px;
    }

    .avia-arrow {
        margin-left: 0;
        margin-right: -5px;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }
}

Best regards,
Ismael

February 13, 2018 at 8:54 am #911570

bakbek

Participant

Thanks!

February 13, 2018 at 11:46 am #911631