anonymized-14765447
(@anonymized-14765447)
Добрый день.
В таких настройках зачастую лишь ориентировочное превью сайта на разных устройствах. Чтобы точнее определить как сайт отображается на разных экранах, лучше непосредственно просмотреть его с ПК, смартфона и планшета и/или воспользоваться специальными сервисами типа BrowserShots.
Естественно я смотрел, как он выглядит. Сайт существует 2а года. Просто я обычный пользователь и всех нюансов настройки могу не знать. На мобильном телефоне он выглядит так же как и на странице где я настраиваю его внешний вид. Мне нравится как он выглядит на ПК, а на мобильном телефоне его главная страница обрезается. Ни каких настроек я не обнаружил. Почему остальные страницы не режутся, а главная режется? Вот в чём состоял мой вопрос. И можно ли с этим что то поделать?
anonymized-14765447
(@anonymized-14765447)
Не уверен, что до конца и правильно понял суть вопроса, но на мобильном экране слайдер с картинками просто адаптируется под этот самый экран: 85% (+15% суммарный отступ слева и справа от слайдера) из 100% ширины и автоматическая длина с сохранением пропорций.
Как вариант, можете стилях CSS убрать отступы, чтобы слайдер в ширину занимал все 100% от размера мобильного экрана.
.site_boxed .layer_wrapper, body.home.site_boxed #slidera {
width: 100% !important;
margin: 0% !important;
}
Как раз в этом всё дело. Не адаптируется. При том, что на всех страницах кроме главной адаптируется, а на главной нет. Если убираешь поля, то она так же не влезает на экран мобильного, просто показывается на весь экран, без полей. Пробовали разное ориентирование картинок. Сейчас они прямоугольные, а были квадратные. Когда смотришь главную страницу, все надписи ниже картинок группируются правильно, а от картинки остаётся около 40%. Что делать? Как быть?
anonymized-14765447
(@anonymized-14765447)
Так, попытка номер два.
@media screen and (max-width: 480px){
#slidera .nivoSlider img, .stat_has_img .stat_bg_img {
width: 200%!important;
max-width: 200%!important;
}
}
Или закомментируйте, или поменяйте на:
@media screen and (max-width: 480px){
#slidera .nivoSlider img, .stat_has_img .stat_bg_img {
width: 100%!important;
max-width: 100%!important;
}
}
Теперь я вас правильно понял? 🙂
🙂 Правильно ли я вас понял? Если бы я понимал что то в этих html надписях, то наверное я бы не покупал конструктор сайтов. В общем, если я вас правильно понял, то я нашёл в редакторе строчки: @media screen and (max-width: 480px){
#slidera .nivoSlider img, .stat_has_img .stat_bg_img {
width: 200%!important;
max-width: 200%!important;
и изменил 200% на 100%. Если именно это нужно было сделать, то ничего не изменилось.
anonymized-14765447
(@anonymized-14765447)
Наличие !important в таких темах чаще всего наталкивает на мысль, что кто-то уже что-то правил в тех же стилях 🙂
По порядку:
1 — файл https://www.joinforces.ru/wp-content/themes/optimizer_pro/style.css;
2 — строчка 2126;
3 — меняете 200% на 100% для width и max-width;
4 — сохраняете файл и заливаете обратно на хост;
5 — обновляете страницу с удалением кэша (либо можно в режиме «Инкогнито» просмотреть сайт).
У вас сейчас никаких изменений в том CSS-файле нет, поэтому вы ничего и не увидели.
Да я это и делал, только не чистил кеш. По скольку не видел изменений возвращал всё обратно на 200%. Но теперь, после очистки кеша, всё за работало! Спасибо большое за помощь и терпение.
anonymized-14765447
(@anonymized-14765447)
Но теперь, после очистки кеша, всё за работало! Спасибо большое за помощь и терпение.
А я уж подумал, что опять не так понял суть вопроса 🙂 Был рад помочь!
Ex.Mi
почитайте про дочернии темы и перестаньте давать вредные советы вроде:
1 — файл https://www.joinforces.ru/wp-content/themes/optimizer_pro/style.css;
2 — строчка 2126;
3 — меняете 200% на 100% для width и max-width;
4 — сохраняете файл и заливаете обратно на хост;
anonymized-14765447
(@anonymized-14765447)
tuxfighter, спасибо за ценный совет, особенно которого я не спрашивал, тем более у вас. В каждой бочке затычка. Лучше с таким же энтузиазмом подтяните русский язык, ибо он у вас хромает на обе ноги.
Человек хотел решение — он получил решение. Дочерняя тема у него не активирована (да и создана ли?), а пускать незнающего человека по кругам «разработки», тонкостей и нюансов — хреновая затея.
-
Ответ изменён 6 лет, 7 месяцев назад пользователем
anonymized-14765447.
tuxfighter, спасибо за ценный совет, особенно которого я не спрашивал, тем более у вас. В каждой бочке затычка. Лучше с таким же энтузиазмом подтяните русский язык, ибо он у вас хромает на обе ноги.
не говорите мне что делать и я не скажу куда вам пройти © народная мудрость,
«не переходящий на личности, вы мой» апять таки (ЦЭ)
Человек хотел решение — он получил решение. Дочерняя тема у него не активирована (да и создана ли?), а пускать незнающего человека по кругам «разработки», тонкостей и нюансов — хреновая затея.
которое (решение) будет работать ровно до первого обновления темы.
уже складывается мнение, а козачек-то засланный © -))
кстати, вы заметили, шо таки тем, кому нечива сказать па сущиству темы, начинают цыплятца к многострадальному рускаму йазыку? ©
Модератор
Yui
(@fierevere)
永子
т.к. тема решена, я ее закрою, заоффтопили, кой-кто уже совсем на личности перешел
