We were using the down arrow icon from fortawesome in our menu links that use <ul> and <li>.
However, in Safari on iPad, it makes any link with that icon, raised above the height of those without the icon.
Why might that be?
Fortawesome icons push <li> tag menus up
Moderator: General Moderators
-
simonmlewis
- DevNet Master
- Posts: 4435
- Joined: Wed Oct 08, 2008 3:39 pm
- Location: United Kingdom
- Contact:
Fortawesome icons push <li> tag menus up
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
All the best from the United Kingdom.
Re: Fortawesome icons push <li> tag menus up
It's hard to say without seeing the page, can be quite a few number of things.
If you want to try to understand the issue more, look at that webpage with google chrome, right click on it and select "Inspect" then look for the icon that looks a phone with an tablet behind it. It will take you to a responsive preview of your webpage. Then you can change the drop down and select "Ipad". This will allow you to inspect the area of you webpage that's having the issue and make temporary changes on the fly. That's how I trouble shoot those pesky CSS Issues.
If you want to try to understand the issue more, look at that webpage with google chrome, right click on it and select "Inspect" then look for the icon that looks a phone with an tablet behind it. It will take you to a responsive preview of your webpage. Then you can change the drop down and select "Ipad". This will allow you to inspect the area of you webpage that's having the issue and make temporary changes on the fly. That's how I trouble shoot those pesky CSS Issues.