Search the Community

Здравствуйте! Проблема заключается в следующем: есть стартовый шаблон от "Фрилансера по жизни" версии 2021 года, открываю в VSCode, ввожу в терминале npm i затем gulp, все срабатывает как и должно, создается папка с результатом, начинаю прописывать стили для header, задаю ограничивающий контейнер и при проверке работоспособности данного контейнера выясняется, что стили, прописанные мной перекрывают стили медиа-запросов, прописанных в шаблоне и по итогу адаптив не работает, получается что итоговый css собирается в не правильном порядке! Подскажите, пожалуйста, как подобную проблему можно исправить?)

День добрый. С помощью видео курса осваиваю медиа запросы - адаптация под мобильную версию только на CSS, навигация HTML. Проблема следующая - адаптация работает когда я открываю сайт в окне и на своей операционной системе самостоятельно меняю размер окна, но при этом не работает в режиме разработчика, когда я выбираю просмотр с устройства, в моём случае это был iPad, и при этом автор в видео курсе демонстрирует работу медиа запросов именно там. Я попробовал перенести веб-страницу на свой телефон и открыть её в браузере - адаптивная версия там тоже не сработала. Видео за январь 2020, у автора Chrome - у меня тоже, разве что у него Mac, у меня Windows. Что это за магия такая и в чём заключается проблема? Медиа запрос, который использовал автор видео и он работал в режиме разработчика, эмуляции просмотра с iPad @media screen and (max-width: 800px) { nav ul { position: fixed; right: 0; top: 0; width: 100%; height: 100vh; } }

Здравствуйте! Может кто подскажет, как решить проблему... Пока не умею верстать шаблоны для Вордпресса, поэтому использую бесплатный. В шаблоне есть контрольная панель, в которой задаются настройки. Я его использовала несколько лет. Сейчас по стандартам Гугла нужно устанавливать адаптивные темы на сайты. Шаблон, который я использую, обновился и у него теперь в стилях прописаны медазапросы. Я удалила старую версию и установила новую. Медиазапросы не активируются. Сервис проверки от Гугла пишет, что шаблон не адаптирован, а на мобильном видно, что обрезается часть контента и половина каждой картинки. На планшете сайдбар налезает на контент. Я создала новый тестировочный сайт, установила новую версию Ворпресса и загрузила ту же тему с медиазапросами. На тестировочном сайте медиазапросы активируются и сайт корректно отображается на мобильных устройствах. И сервис от Гугла признает его за оптимизированный под мобильные. Я попыталась понять, в чем причина того, что не активируются медиазапросы на основном сайте и не нашла ошибки. Специально перед удалением темы сбросила настройки в контрольной панели, обновила Ворпресс до новой версии и загрузила ту же тему с медиазапросами. Но медиазапросы не активируются. Может у кого была подобная проблема? Или кто-нибудь из вас, уважаемые форумчане знает, где могут сохраняться настройки старой темы. Имеется в виду, в какой папке на хостинге могут оставаться настройки старого шаблона, если он полностью удален с сайта.

здравствуйте. вот сайт: http://sarnjak.myjino.ru/ есть 3 стиля - загружаются с помощью медиазапросов в зависимости от ширины экрана: >1700 px >1300 px >0 px у меня на всех устройствах (PC, ноутбук, планшет на Android) открывается корректно - но эмуляторы по разному отображают, поэтому уверенности нет вот как должно быть/как отображается у меня: https://www.dropbox.com/sh/4u6n6d4ir2lamf6/r_fmUyn-w5