Основной курс по Joomla
0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 428 Просмотров
*

Guram

  • Осваиваюсь на форуме
  • ***
  • 63
  • 0
Отключение Bootstrap
« : 22.07.2015, 23:19:32 »
Всем доброго времени суток!
Использую шаблон на сайте mamoon.ru
Отключил адаптивность Bootstrap, удалив
Код
<meta name="viewport" content="width=device-width, initial-scale=1">
и прописав в стилях:
Код
.wrapper{
    width:960px !important;
}

Все бы хорошо, но на смартфоне ширина некоторых элементов отображается не так как на на экране компьютера. Как добиться чтобы на всех экранах было одно и то же, чтобы показывал весь сайт так, как на мониторе компьютера? Выручайте, прощу подробнее описать, новичок в этом деле.

Спасибо заранее!
« Последнее редактирование: 23.07.2015, 00:32:59 от Guram »
*

darkghost

  • Практически профи
  • *******
  • 2100
  • 94
Re: Отключение Bootstrap
« Ответ #1 : 23.07.2015, 01:14:50 »
очевидно, что вот этих самых
Цитировать
элементов отображается не так
есть свои правила отображения --- которые подстраивают под разрешение экрана. Нечто @media screen
*

Guram

  • Осваиваюсь на форуме
  • ***
  • 63
  • 0
Re: Отключение Bootstrap
« Ответ #2 : 23.07.2015, 01:57:10 »
Да, вы правы. Помогите пожалуйста разобраться, что именно провить в них.
Вот они:
Код
@media only screen and (max-width: 1024px) {
.wrapper {
width: 95%;
}

Код
}
 @media only screen and (max-width: 800px) {
#primary-menu-container {
min-width: 60%;
}

Код
}
@media only screen and (max-width: 640px) {
#mobileMenu{ display:none !important; }
.css3-selectbox{ display:block !important; width:60% !important; float:right; }
.home  .vg-TopHeight{
height: 620px;
}

Код
}
@media only screen and (max-width: 480px) {
#mobileMenu{ display:none !important; }
.css3-selectbox{ display:block !important; width:100% !important; float:none; padding-top:15px; }
.home  .vg-TopHeight{
height: 520px;
}

Код
}
@media only screen and (max-width: 320px) {
#mobileMenu{ display:none !important; }
.css3-selectbox{ display:block !important; }
.home  .vg-TopHeight{
height: 480px;
}

*

darkghost

  • Практически профи
  • *******
  • 2100
  • 94
Re: Отключение Bootstrap
« Ответ #3 : 23.07.2015, 12:17:37 »
установили размер в 960 ед, теперь оставьте только те правила, которые сосуществуют этому размеру. Остальные - закройте. Пробуйте оставить вот это
Код
.wrapper {
width: 95%;
}