Блог

Мне было интересно, пытался ли кто-нибудь создать отзывчивые распорки и столкнулся со следующей проблемой.

Я пытаюсь настроить определенную разделительную полосу на своей домашней странице таким образом, чтобы при определенном размере экрана (т. е. ширине) размер этой конкретной разделительной полосы был равен нулю пикселей. Я использую word press и Elementor pro.

То, что я пытался сделать, это выбрать разделитель, щелкнуть правой кнопкой мыши, затем отредактировать разделитель —gt; дополнительно —gt;gt; пользовательский css … и я вставил следующий код, однако, похоже, ничего не происходит:

 /* Remove spacer block */ @media screen and (max-width:740px) { .spacer-block {  display: none !important; } }  

Я был бы очень признателен за некоторую помощь в этом.

Большое спасибо, МДЖ

Я бы рекомендовал вам использовать поля вместо прокладки. Например:

 @media screen and (min-width:741px) { .my-element { margin-top: 50px; } }  @media screen and (max-width:740px) { .my-element { margin-top: 0px; } }