Word Press&Elementor：为不同的屏幕宽度自定义间隔条尺寸

Question

我想知道是否有人试图创建响应间隔器并遇到以下问题。

我正在尝试在主页中自定义一个特定的间隔符，以便在特定的屏幕大小(即宽度(以下，该特定间隔符的大小将为零像素。我正在使用word press和Elementor pro。

我试图做的是选择间隔符，右键单击，然后编辑间隔符-->高级-->自定义css。。。我插入了以下代码，但似乎什么都没发生：

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

我真的很感谢你的帮助。

非常感谢，MJ

Answer 1

我建议您使用边距而不是间隔符。例如：

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