Working on a web project, I encountered an interesting issue. At the top of the page, there was a fixed navbar, while Font Awesome icons were scattered throughout the content below.
Originally, I used a CDN link for Font Awesome and everything rendered perfectly. However, when I switched to using a local version obtained through Bower, the icons started appearing above the navbar, disrupting the layout.
Even after setting the z-index of the icons to auto for both the CDN and local versions (Font Awesome 4.6.0), the problem persisted. Despite manually adjusting the z-index values of the icons, the issue remained unresolved. This inconsistency occurred in both Firefox and Chrome.
Has anyone else faced this same challenge before?