Difference in chevron arrow on Chrome Mac and Windows

The site is http://www.famsnap.com

I’ve had the site online for a little while now and I guess had missed that this down arrow was in a different position on Chrome Windows. Is this a font size issue? How can I get it to look the same on both?

Try this it may help a little:

.location-field .select{line-height:38px}

The issue is that you have not ensured that all selects are the same height and therefore top:19px for the caret is not the same for all browsers.

1 Like

Ah, thanks, Paul. That worked and makes sense. I kept assuming it was a font size thing and feel like I’ve just been banging my head against the wall with that. Tunnel vision, I guess.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.