Отзывчивая точка останова заголовка

Question

Я пытаюсь изменить точку останова заголовка веб-сайта.

тема, которую я установил на этом сайте, имеет заголовок мобильного телефона с разрывами в 1139 пикселей и ниже.Я хочу изменить его так, чтобы он ломался со стандартным 1024px (то есть 1023px)

веб-сайтом: https://www.vibrantrealestate.com.au/

обычно я просто захожу в css и меняю@media запрос к ширине, которую я хочу, но у этой темы довольно много @media запросов с минимальной шириной: 1140px / max-width: 1139px, когда я искал в таблице стилей, поэтому я не совсем уверен, какую из них мне следует изменить,Я пытался изменить их индивидуально через настройщик WordPress, однако я все еще немного застрял в идеях, поскольку это не меняет внешний вид.спасибо

Answer 1

Я бы не стал изменять исходные правила стиля темы, вместо этого вы хотите переопределить их.

Хотя это и не рекомендуется, это может быть так же просто, как создание новых правил @media, размещенных в самом низу CSS темы.файл, поэтому в теории они переопределяют более ранние правила (если вы правильно настроили новые правила).

Однако лучше всего было бы создать дочернюю тему с исходной темой в качестве родительской.Это гарантирует, что ваши изменения будут полностью отделены от исходного кода;намного чище / безопаснее / более организованно.

В любом случае вам придется использовать свой мозг для настройки новых правил, чтобы они полностью перекрывали оригиналы.Вам может понадобиться использовать флаг !important.

Вы можете сделать переопределение, которое охватывает немного более широкий диапазон, чтобы убедиться, что ваши эстетические изменения вступят в силу.например, минимальная ширина: 1000 пикселей / максимальная ширина: 1200 пикселей;(если оригинал имеет минимальную ширину: 1140 пикселей / максимальную ширину: 1139 пикселей).

Вы не можете избежать работы при выполнении адаптивной оптимизации.