I'm developing a web application and I've developed a menu with some icons but by decreasing the width of the page the icons are out of focus and this is my menu
Butbydecreasingthewidthofthepagethishappenswiththemenucomponents.
<divclass="header-fixed">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-4 text-left">
<a class="fa fa-home"></a>
</div>
<div class="col-xs-12 col-sm-4 text-center">
<a class="fa fa-user"></a>
</div>
<div class="col-xs-12 col-sm-4 text-right">
<a class="fa fa-shopping-cart"></a>
</div>
</div>
</div>
</div>
.header-fixed {
background-color: #fff;
position: fixed;
left: 0;
top: 0;
z-index: 999;
width: 100%;
display: none;
background-color: #6495ED;
border-bottom: 1px solid #000;
height: 37px;
font-size: 20pt;
}