Необходимо реализовать горизонтальную прокрутку для мобильных устройств, как в Google:
Идеальный вариант на CSS. Jquery тоже приветствуется. Примерный код:
.mobile_menu{
position:relative;
color: #545454;
margin-left: 0;
margin-right: 0;
height: 30px;
margin-top: 75px;
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
font-size: 1.3em;
overflow:hidden;
}
.mobile_menu span{
padding-bottom: 4.5px;
padding-left: 3%;
}
.mobile_menu span a{
color:#777;
text-decoration: none;
}
.mobile_menu span .active{
color:#4286f5;
border-bottom: 2px solid #4286f5;
}
#menu_mobile{
position:absolute;
width: 500px;
overflow-x: scroll;
overflow-y: hidden;
}
<div class="row mobile_menu">
<div id="menu_mobile" class="col-lg-5 col-md-7 col-sm-11 col-xs-10">
<span><a href="#" class="active">ВСЕ</a></span>
<span><a href="#">НОВОСТИ</a></span>
<span><a href="#">КАРТИНКИ</a></span>
<span><a href="#">ВИДЕО</a></span>
<span><a href="#">КАРТА</a></span>
</div>
</div>