Почему пропадает блок с записями в мобильной версии сайта?

Question

[Денис Шишкин]

Правил стили в теме. И заметил что при просмотре на мобильном перестал отображаться блок с новостями. Скорее всего что то не так сделал в стилях css, но что именно... Как можно выяснить? Когда смотрю в режиме мобильного просмотра в firebug блока тоже нет, но если обновить страницу он появляется. В css не сильно силен, подскажите какие стили отвечают за отображение, где в первую очередь посмотреть.
Заранее спасибо!

Comments

[Wernalur]

Код покажите?

[Денис Шишкин]

Wernalur: вот ссылка www.insighter.com.ua там раздел вопросы и ответы, на десктопной версии все нормально, если сделать окно браузера меньше уже исчезает.. и на мобильном так же

[Денис Шишкин]

я только начинаю вникать в css подскажите если говорят код скинуть как определить какой именно и где его найти?)

[Сергей Тутуков]

к section вопросы и ответы (section#loop-109) пропиши width:100%;
У section ширина 0px, а у внутренних блоков overflow:hidden, поэтому не видно их.

[Сергей Тутуков]

Посмотри внимательней на стили section#loop-109. У этого блока всегда пересчитывается высота, но не ширина!! Поэтому можешь подправить js файл.
2 способ: у section#loop-109, есть класс .mk-blog-newspaper-item {..; float: left;overflow: hidden;...}. Для этого блока как я понял он не обязателен, можешь просто этот класс удалить.
3 способ: к section#loop-109 добавить класс, с width:100%;
4 способ: найти css файл (www.insighter.com.ua/wp-content/uploads/mk_assets/... 3101 строка
media handheld, only screen and (max-width: 650px)
.mk-blog-newspaper-item.three-column, .mk-blog-newspaper-item.four-column, .mk-blog-newspaper-item.two-column {
width: 100% !important;
}
добавить к этому .mk-blog-newspaper-item

[Денис Шишкин]

sftutukov: Спасибо большое за ответ! Попробовал 3 способ, вроде как получилось, по крайней мере в firebug когда смотрю в режиме телефона то ничего не пропадает. Правдв когда выхожу обратно в режим компа то блок пропадает, но я думаю это не так критично

[Денис Шишкин]

sftutukov: Да все таки 2 вариант оказался правильным, спасибо еще раз!

[Сергей Тутуков]

Надо делать чтобы всегда работало))
Вижу что добавили
#loop-109 {
width: 100%;
}, но! Как я говорил, у этого блока пересчитывается иногда ширина, поэтому не всегда срабатывается width:100%;
#loop-109 {
width: 100%!important;
} - поможет

Answer 1

[Andrey Chursin]

подскажите какие стили отвечают за отображение

• display: none;
  
• opacity: 0;
  
• height: 0; overflow: hidden;
  
• width: 0; overflow: hidden;
  
• position: fixed; top|left|right|bottom: ....;
  
• position: absolute; top|left|right|bottom: ....;
  

А вообще если есть доступ до инспектора элементов, тогда посмотри стили своего блока "снизу доверху" и найдешь что-нибудь, может он просто уехал за границы сайта(например: position: absolute; top: -100px; )

Answer 2

[Алексей]

visibility: hidden;
еще есть.