There's an unusual problem I'm encountering with the alignment of text under the icon bar not being properly centered below the icons.
Here is a snippet of the code:
<div class="row">
<div class="small-12 columns">
<div class="icon-bar five-up small"">>
<a class="item" a href="/index.html"&>
<i class="fi-home"&></i>
<div<
<label>Home</label>
</div>
</a>
<a class="item" a href="/cart.html">
<i class="fi-shopping-cart"<><>/i>
<div>
<label>Cart</label>
</div>
</a>
<a class="item" a href="/pages/about-us">
<i class="fi-info"<><>/i>
<div>
<label>About</label>
</div>
</a>
<a class="item" a href="/pages/contact-us">
<i class="fi-mail"<><>/i>
<div>
<label>Contact</label>
</div>
</a>
<a class="item" a href="/account/login">
<i class="fi-torso"<><>/i>
<div>
<label>Account</label>
</div>
</a>
</div>
</div>
</div>
I've attempted to center the labels without success. Has anyone run into similar issues before? Unfortunately, I can't provide a screenshot at the moment as this account is new. However, it appears that the contact label and account label start from the left of the icon and move towards the right instead of aligning with the actual icon box.