Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 17, 2023 at 9:45 am #1401499
    Anna_Tewes

    Hey,

    how can I make the Numbers invisible for Mobile Version?

    The problem is, we want transparent Hotspot points for a Shop-Map.

    In the mobile version, we don’t want the Table with Number-List and the Hotspots are transparent but the Numbers are visible.

    March 18, 2023 at 9:07 pm #1401636
    Mike

    Hey Anna_Tewes,
    Thanks for the link to your page, but we are not able to login and view the backend, on the frontend I see your shop map image but I don’t see any hotspots or numbers. You can disable the numbers in the styling tab:
    Enfold_Support_677.jpeg
    and you can make the hotspot and pulse transparent on mobile with this css:

    @media only screen and (max-width: 767px) { 
.av-hotspot-container .av-image-hotspot_inner,
.av-hotspot-container .av-image-hotspot-pulse {
    background: transparent;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    March 20, 2023 at 8:05 am #1401746
    Anna_Tewes

    Thank you, but it doesn’t work for me.

    The Web version is fine but only on mobile you can see numbers but we want disable it for both.

    Images of the problem ->

    IMG-DB6-A6-F4-FB9-AB-1
    Bildschirm-foto-2023-03-20-um-08-04-27
    Bildschirm-foto-2023-03-20-um-08-04-37

    Thank you

    March 20, 2023 at 11:41 am #1401765
    Mike

    Hi,
    Thanks for the screenshots but I couldn’t login, nonetheless try this css:

    @media only screen and (max-width: 767px) { 
.av-hotspot-image-container.av-hotspot-blank .av-image-hotspot .av-image-hotspot_inner {
    color: transparent;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    March 20, 2023 at 1:33 pm #1401780
    Anna_Tewes

    Hey, thank you!

    But the Code doesn’t work for me, the numbers are still visible

    IMG-4553

    March 20, 2023 at 1:39 pm #1401781
    Anna_Tewes

    maybe try

    March 21, 2023 at 12:14 pm #1401895
    Mike

    Hi,
    I was not able to login into WordPress as admin, but try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
#top #main .av-hotspot-image-container.av-hotspot-blank .av-image-hotspot .av-image-hotspot_inner {
    color: transparent;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

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