Мне нужно улучшить дизайн моей веб-страницы, когда она отображается на смартфоне. Я работаю в WordPress и делаю изменения через childtheme. Я использую медиа-запрос. Сейчас @media настроен на минимальную ширину 600 пикселей.
Однако НИЧЕГО не происходит. Независимо от того, как я настраиваю код или какие настройки / classes / div я использую, ничего не меняется, когда я иду на страницу на смартфоне. Самое близкое, что я получил, - это изменение тега .h3, но затем изменения появились в режиме экрана, а не в режиме смартфона.
Еще несколько дней назад этот код работал нормально, и .Profilbillede был перемещен с помощью этого медиазапроса.
Есть ли способ, которым медиа-запрос не может быть правильно "связан" в дочерней теме? Я пытался найти синтаксические ошибки, но не могу их найти.
В частности, мне нужно добавить заполнение для h2 # lfb_mainFormTitle. Сразу после этого
...
необходимо расположить ниже и затем следовать
которые должны быть расположены ниже
...
. Имею ли я какой-то смысл?
Я впервые делаю это
-------------------------- CSS здесь ------------------- -------
@media only screen and (min-width: 375px) {
/*billede nederst til højre*/
.Profilbillede {transform: translateY(-46px;)
}
h2#lfb_mainFormTitle {
font-size:32px!important;
background-color: blue;
}
}