Fortawesome icons push <li> tag menus up

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Fortawesome icons push <li> tag menus up

Post by simonmlewis »

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?
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
TopCoder
Forum Newbie
Posts: 8
Joined: Sun Jul 10, 2016 3:38 pm

Re: Fortawesome icons push <li> tag menus up

Post by TopCoder »

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.
Post Reply