Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 4, 2016 at 11:20 am #627077
    wonderlandmarketing

    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

    May 6, 2016 at 3:01 pm #628329
    Yigit

    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

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