Following a very helpful tutorial from @DavidDarnes I’ve managed to get social SVG icons in my secondary nav. When I’m at the top of the page I can see my primary nav as links and the secondary nav as icons – so all is working how it should be.
However, when I scroll and the nav becomes sticky my primary links dissapear. It looks as if the SVG rule is being applied when I scroll and my primary nav links are now applying the same rules as the secondary nav, essentially becoming icons that don’t excist.
Is there anyway to fix this?