Location field looks strange when map icon disabled
-
The location name is duplicated when the map icon is suppressed:
<div class="location">Hexter Elementary</div><div class="map"><a class="hrefmap" href="https://maps.google.com/maps?q=Hexter%20Elementary" target="_BLANK" title="Show location in Google Maps">Hexter Elementary</a></div>You can see that the location name displays twice, both in the location and map divs.
Suggestion: Just do one, linked div that links to to the map. If the admin wants an icon, then it will also link to the map. This improves on your design. It’s not good design to force people to hunt for an icon. It’s better design to link the location text to the map.
The page I need help with: [log in to see the link]
-
I don’t know how you got that to happen – it appears to be unique to your site. In the table html version the only way the location name appears in the map is to pass the address to google. See https://imgur.com/a/4faThPC. or do ‘inspect element’ or view source for yourself on the test site:
- list 1: https://test.icalevents.com/agenda/
- or an html5 version https://test.icalevents.com/agenda/html5-agenda/
- The topic ‘Location field looks strange when map icon disabled’ is closed to new replies.
