Storefront Handheld Footer Bar Icon Not Showing

I am having a similar problem although not associated with an update. I have added two links that work, but with no icons. The CSS I have used is:
.storefront-handheld-footer-bar ul li.species > a:before {
/*font-family: FontAwesome;
z-index:999;*/
content: “\f06c”;
}

I commented out two lines bec they were clearly not the solution. I’m using Storefront 2.5.5 with a child theme.

@heritiera usually this has to do with having one of the link colors in the header set to white as that also controls the color of the links in the mobile footer bar

As the mobile footer bar background is white and the links are white, they look invisible even though they are still there. Are you able to provide a link to your site in question?

You might be able to fix it by adding something like color: black; into the CSS you have.

Not the problem. I have the color of the bar set to grey and the search icon, in white, shows up. Indeed, if I put the CSS for the new icons into the Additional CSS section of the Customizer, it works fine (I found this out after posting the original question). All the links work whether the icons are there or not.

Try

.storefront-handheld-footer-bar ul li > a::before {color:#000 !important;}

Tried again. Even without the !important, it worked. I moved all from Additional CSS to style.css, and it worked. I guess it was a buffer issue and with time and lack of attention, it cleared and the problem went away. Sorry for the bother.