Адаптивность для мобильных устройств

[Askeran17]

Здравствуйте! Версия 2.1.0.2. Хотел бы уменишить размер своего адаптивного шаблона чтобы ширина страницы не превышала ширину области экрана, знаю что надо править это в stylesheet.css. Там много разных тегов, например несколько штук @media и еще container. Я запутался. Подскажите пожалуйста какой именно тег отвечает за изменения размера ? 

[mazein]

Вопрос сродни "что стучит в двигателе моей машины?".

Тут смотреть надо.

[pashast]

скорее всего какой-то левый модуль или код вылазит за пределы экрана
в чистом шаблоне 2.x нет этой ошибки

[localhost]

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

Правьте (width) на свое усмотрение.... По дефолту область не может выходить за эти границы... если только вы или некий модуль нахомячили такое.... например не закрыли DIV, попробуйте отключить недавно установленный модули и выявить причину....

[Askeran17]

Забыл указать, что шаблон не дефолтный.

 

вот такое у меня:

 

 

@media (min-width: 768px) {

#menu ul li ul li:hover > .level3 {

display: block;

}

#menu ul li ul li > a{

 

}

    #menu .nav > li + li{

    border-left: 1px solid #3b2826;

}

}

@media (min-width: 768px) {

    #menu .dropdown:hover .dropdown-menu {

display: block;

}

}

@media (max-width: 998px) {

    #menu .nav > li > a {

padding: 13px 5px 13px 5px;

    font-size: 12px;

}

#menu .nav > li {

padding: 0px 0px 0px 0px;

}

}

 

 

@media (max-width: 767px) {

    #menu .nav > li > a {

padding: 5px;

    text-align: left;

   }

   #menu .nav > li {

padding: 2px;

[mazein]

Каким образом по этим стилям можно сказать, какой блок, или из-за чего именно страница вылазит за области экрана?

Ну вот Вы сами как думаете?

Сложно сайт показать?

[Askeran17]

Нет, не сложно. Вот http://classicfootballshop.com

[pashast]

http://take.ms/7dtEG

в этом основная проблема

там много еще проблем, что могут вызвать эту ошибку, но эта основная

[Askeran17]

http://take.ms/7dtEG

в этом основная проблема

там много еще проблем, что могут вызвать эту ошибку, но эта основная

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

[pashast]

Если там внутри нет ничего нужного, то можно удалить.

[Askeran17]

Если там внутри нет ничего нужного, то можно удалить.

спасибо, попробую

[Askeran17]

Убрал, сделал анализ на сайте pr-cy.ru, все равно выдает что Ширина страницы превышает ширину области экрана

[pashast]

не убрали, тег на месте остался

[Askeran17]

не убрали, тег на месте остался

все верно, не удалился, не там значит копаюсь. Не подскажить путь где править ?

[pashast]

возможно в шаблоне футера

[pantagruel964]

.row в .container оберните

[Askeran17]

Удалил row из футера, ничего не изменилось. Кстати row и на дефолтном шаблоне в футере имеется. Обернуть row в container ? если не ошибаюсь это в boostrap.css делается, верно ?

Змінено 13 квітня 2016 користувачем Askeran17

[pantagruel964]

Что это за шиворот-навыворот

Приведите в нормальный вид, согласно док-тации бутсрап

<div class="container">
	<div class="row">
		<div class="col-sm-12"></div>
	</div>
</div>

Если такие финты в самом шаблоне - шаблон сжечь, автора проклять

[Askeran17]

Жестко :) но спасибо за подсказку