Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 10, 2021 at 9:38 am #1279336
    YourChoice Informatik GmbH

    Hi
    We use maps with hotspots on a new created website.
    On the mobile view, when we click on a hotspot, the navigation shifts to the right and the whole design is broken. How we can fix this?
    In the desktop view, it works without problem.
    See login data and example in the private content section.
    Thanks very much.
    Best regards
    Mike

    February 11, 2021 at 4:03 pm #1279790
    Ismael

    Hey Michael,

    Thank you for the inquiry.

    Would you mind providing a short clip or a screenshot of the issue? We cannot reproduce it on our end, clicking on the hotspots does nothing as expected.

    Best regards,
    Ismael

    February 11, 2021 at 6:48 pm #1279832
    YourChoice Informatik GmbH

    Hi Ismael
    It only happens on a mobile device with a small screen.
    I made a video for you, see private content section.
    On a mobile device, you can click on a hotspot on the right side, then the navigation shifts to the right and the whole website is broken.
    Best regards
    Mike

    February 12, 2021 at 3:04 pm #1280057
    Ismael

    Hi,

    Thank you for the short clip.

    The hotspots are not supposed to be clickable on mobile view, and it seems like you will only see the issue if you actually try to reproduce it as shown in the short clip above. Regardless, the whole document should not shift to the right when those hotspots are clicked. Please try to add this code in the Quick CSS field or in the child theme’s style.css file to completely disable any pointer events for the hotspots.

    @media only screen and (max-width: 767px) {
    .av-image-hotspot {
	pointer-events: none;
   }
}

    Best regards,
    Ismael

    February 12, 2021 at 4:11 pm #1280086
    YourChoice Informatik GmbH

    Hi Ismael
    Thanks very much. It works.
    But is this a bug of Enfold that the hotspots are clickable on mobile view?
    Best regards
    Mike

    February 15, 2021 at 2:21 pm #1280539
    Ismael

    Hi,

    Glad to know that the modification above is working. We are not really sure about the issue yet, but it might be specific to the browser. Please keep the modifications for now to disable the pointer events for the hotspots.

    Best regards,
    Ismael

    February 17, 2021 at 11:07 am #1281641
    YourChoice Informatik GmbH

    Hi Ismael
    We had the problem with the Chrome Browser. This browser is very popular, so I think, this could be an issue that should be fixed at your side?
    But this task here you can close ;-)
    Thanks very much.
    Best regards
    Mike

    February 18, 2021 at 2:12 am #1281916
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Problems with hotspots (navigation shifts)’ is closed to new replies.