Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1214693

    Hi

    I’m creating a map for holiday homes in my area. There will eventually be approx 30 map pins (I currently have about 10). On desktop opening and closing works fine by clicking on the close x with mouse

    But on mobile the x is so small that it is very difficult to close without clicking on the hyperlinked image I have in the tooltip
    is it possible to:

    a. make the x much larger so that it becomes more useable on mobile as a tap target
    or
    b. on the map when a second marker is clicked the previous open one closes

    Hope you can help
    Brian

    #1215494

    Hey briandeeney,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width: 989px) {
        .avia-google-map-container button[aria-label="Close"] img {
            width: 30px !important;
            height: 30px !important;
        }
        .avia-google-map-container button[aria-label="Close"] {
            right: 15px !important;
         }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1215507

    Thanks Victoria

    The larger close x is now more useable on mobile

    #1215956

    Hi,

    Great, I’m glad that Victoria could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1216183
    This reply has been marked as private.
    #1216364

    Hi,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Opening and closing map marker tooltips’ is closed to new replies.