Да, все теперь на месте.
(Убрала только эти три короткие строчки)
Интересно, что этот шаблон… наверное это называется резиновый?
Если жать Ctrl+ , то шрифт в статье увеличивается,
но ширина сайта остается — точно по экрану! Вместе с правой колонкой.
Спасибо за помощь. 🙂
(Убрала только эти три короткие строчки)
Корректнее было бы следующие за ними блоки в фигурных скобках тоже удалить (или воспользоваться вариантом, который предложил skodnik). Впрочем, браузер, по идее, будет игнорировать лишние правила.
Не заметила сразу ответа, который предложил skodnik (так как он на второй странице оказался уже).
Впрочем, браузер, по идее, будет игнорировать лишние правила.
Сейчас проверю.) Попробую поставить код от skodnik.
Вот исправленный файл style.css. В нем я удалил 5 блоков с правилом @media. Попробуйте использовать его заменив им прежний. Прежде чем заменять, сохраните предыдущий!
Попробовала.
Колонки на месте, не убегают вниз.
Но теперь сайт не держит ширину экрана, а занимает больше места.
Наверное вот эти три медиа все же позволяли убегать сайтбару
@media (max-width: 800px)
@media (max-width: 650px)
@media (max-width: 450px)
А остальные два — подгоняют под ширину монитора?
Т.е корректнее было бы убрать вот такие блоки до закрывающей фигурной скобочки?
@media (max-width: 450px) {
#content .gallery-columns-2 .gallery-item {
width: 45%;
padding-right: 4%;
}
До второй закрывающей:
@media (max-width: 450px) {
#content .gallery-columns-2 .gallery-item {
width: 45%;
padding-right: 4%;
}
...
}
Первая относится к блоку #content .gallery-columns-2 .gallery-item
, вторая — к @media (max-width: 450px)
.