Нижний колонтитул путается при определении области просмотра на WordPress

Question

Попытка сделать нашу тему Wordpress отзывчивой, начиная с добавления

<meta name="viewport" content="width=device-width, initial-scale=1" />

в заголовочных тегах заголовка, и это оказывает влияние на нижний колонтитул ...

любой способ разобраться в этом?заранее спасибо

Answer 1

Вы не можете сделать resposnive сайта, добавив область просмотра к его заголовку.

Попробуйте использовать медиа-запросы:

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

И вы можете использовать такие рамки, какbootstrap:

https://getbootstrap.com/

Вы можете добавить этот код в дополнительный CSS сейчас

@media only screen and (max-width: 768px) {
#footer {
  float: left;
  background: url(images/footer.jpg) 50% 0;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
}
#footer p {
  float: left;
  width: 100%;
  margin: 40px 0 0 0;
  text-align: center;
  color: #b5b5b5;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
  line-height: 18px;
}
}