Форум русской поддержки Joomla!® CMS
06.12.2016, 04:54:19 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Отключение Bootstrap

 (Прочитано 317 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Guram
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 61


« : 22.07.2015, 22:19:32 »

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

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

Спасибо заранее!
« Последнее редактирование: 22.07.2015, 23:32:59 от Guram » Записан
darkghost
Практически профи
*******

Репутация: +75/-0
Offline Offline

Сообщений: 1809



« Ответ #1 : 23.07.2015, 00:14:50 »

очевидно, что вот этих самых
Цитировать
элементов отображается не так
есть свои правила отображения --- которые подстраивают под разрешение экрана. Нечто @media screen
Записан
Guram
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 61


« Ответ #2 : 23.07.2015, 00: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
Практически профи
*******

Репутация: +75/-0
Offline Offline

Сообщений: 1809



« Ответ #3 : 23.07.2015, 11:17:37 »

установили размер в 960 ед, теперь оставьте только те правила, которые сосуществуют этому размеру. Остальные - закройте. Пробуйте оставить вот это
Код:
.wrapper {
width: 95%;
}
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet