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
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
Thanks Victoria
The larger close x is now more useable on mobile
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