I have setup some Structure/Views for items that I am pushing to the front page. I have 2 separate link items (1 displays facebook icon, 1 displays arrow icon) some instances will have both links, some instances will have 1, currently if I leave the facebook link field blank, the display still leaves the space for that item.
It seems related to the font awesome "fas" class that needs to be added to the Views setting in order to load the icons (icons are used in "content:" in css). Once I remove the "fas" class the height of the empty link field removes itself from the page. How do I retain "fas" class on the: View (structures/views/ (item) / link field; but remove the height of empty fields?
<div class="views-field views-field-field-link-special"> <div class="field-content readmore fas"> <a href="/jjweb/web/node/24" target="_blank">Read More</a> </div></div> <div class="views-field views-field-field-link-facebook"> <div class="field-content readfacebook fas"> </div></div>
The below screenshot shows how the class is applied to the View/Field, with "Hide if Empty" applied.