• Решено valentinnaz

    (@valentinnaz)


    Здравствуйте! У меня сделан сайт с темой Optimized pro. В настройках есть возможность посмотреть, как будет выглядеть сайт на ПК, Планшете и Смартфоне. Есть проблема в отображении главной страницы на смартфоне. Слайдер с картинками обрезается в вертикальном ориентировании. Все другие страницы отображаются корректно. Картинки кадрируются, перегруппировываются и ничего не обрезается. Никаких настроек я не нашёл. Устанавливать плагин для отдельной темы для смартфона не хочу, так как сайт существует около 2ух лет и приобрёл уже некий корпоративный стиль. Буду признателен за помощь!

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 13 ответов — с 1 по 13 (всего 13)
  • 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 лет, 3 месяца назад пользователем anonymized-14765447.

    tuxfighter, спасибо за ценный совет, особенно которого я не спрашивал, тем более у вас. В каждой бочке затычка. Лучше с таким же энтузиазмом подтяните русский язык, ибо он у вас хромает на обе ноги.

    не говорите мне что делать и я не скажу куда вам пройти © народная мудрость,
    «не переходящий на личности, вы мой» апять таки (ЦЭ)

    Человек хотел решение — он получил решение. Дочерняя тема у него не активирована (да и создана ли?), а пускать незнающего человека по кругам «разработки», тонкостей и нюансов — хреновая затея.

    которое (решение) будет работать ровно до первого обновления темы.
    уже складывается мнение, а козачек-то засланный © -))

    кстати, вы заметили, шо таки тем, кому нечива сказать па сущиству темы, начинают цыплятца к многострадальному рускаму йазыку? ©

    Модератор Yui

    (@fierevere)

    永子

    т.к. тема решена, я ее закрою, заоффтопили, кой-кто уже совсем на личности перешел

Просмотр 13 ответов — с 1 по 13 (всего 13)
  • Тема «Мобильная версия сайта не корректна» закрыта для новых ответов.