Здравствуйте. Помогите пожалуйста. Я столкнулся с проблемой, что мой сайт через компьютер отображается хорошо, но через телефон просто убожество. Помогите пожалуйста на примере меню мне сделать, чтобы меню на телефоне смотрелось так же как и на компьютере.
Я пытался вот так прописывать :
<div class="row">
<div class="col-lg-6 col-md-6 col-xs-6 col-sm-6">
<div id="logo"><a href="index.html"><img src="style/images/logo.png" alt="" /></a>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-xs-6 col-sm-6">
<div id="contacts"><span style="font-size:16px;" class="glyphicon glyphicon-envelope"></span> E-mail: <p><span style="font-size:16px"; class="glyphicon glyphicon-phone"></span>Телефон: </p> </div>
</div>
</div>
<div class="row">
<div class="col-md-12 col-lg-12 col-xs-12 col-sm-12">
<ul class="menu1">
<li><a href="#">Главная</a></li>
<li><a href="#">Демо-доступ</a></li>
<li><a href="catalog.html">Каталог</a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
</div>
Мне нужно, чтобы меню (там, где Главная, каталог, контакты и т.д) , чтобы оно через телефон или планшет тоже отображалось во весь экран, чтобы логотип смотрелся так, как на основе... Не знаю, как еще описать проблему, надеюсь поняли...
Прикрепил скрин с телефона и скрин с компьютера.