Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #627077

    Hey,

    I have an issue when I try to re-size the pulse and hotspots positioned over my image on this page: https://speechangel.com/about/

    When I use the following CSS it works on a computer browser but not on mobile:
    .responsive .av-image-hotspot-pulse {
    height: 110px;
    width: 109px;
    top: -39px;
    left: -39px;
    }

    When I adjust it to:
    @media only screen and (min-width: 990px)
    .responsive .av-image-hotspot-pulse {
    height: 110px;
    width: 109px;
    top: -39px;
    left: -39px;
    }

    It seems to revert back to the old CSS.

    Any idea where I’m going wrong?

    Thanks

    #628329

    Hey wonderlandmarketing,

    Please try using following code

    @media only screen and (min-width: 990px) { 
    .responsive .av-image-hotspot-pulse {
    height: 110px !important;
    width: 109px !important;
    top: -39px !important;
    left: -39px !important;
    }}

    Best regards,
    Yigit

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.