Удалить заполнение на странице категории на мобильном телефоне

Question

На редактируемом веб-сайте - minimauk.com

Владелец веб-сайта хочет, чтобы описание на страницах категорий имело отступы как слева, так и справа, чтобы он выровнялся по центру (см. Изображение ниже). ). Я сделал это, добавив этот код в окно описания категории:

заполнение описания категории рабочего стола

Однако, когда это просматривается на мобильном телефоне, текст отображается как один слово в строке (см. изображение ниже).

заполнение описания категории для мобильных устройств

Можно ли для этого удалить заполнение на мобильном устройстве?

Спасибо.

Answer 1

Ваше заполнение остается на месте, поскольку экран становится более узким, следовательно, вокруг вашего элемента появляется дополнительное пространство. Попробуйте CSS медиазапросы:

@media screen and (max-width: 420px){ 
 .your-selector{ 
 width:100%;
  padding:0;
  }
}