在Elementor中实时编辑时禁用enitire字符串

Question

我在Wordpress中使用了bean框架。它使用UIKIT。

我想要在页面的其余部分上仅包含带有navbar的bean navbar（透明）的页面。我已经做到了。但是，当我在style.css Elementor Stoppes中输入代码时，我将进行实时编辑。我认为Z-index弄乱了编辑器

我输入了以下代码：

.tm-main{
    position:relative;
    top:-240px;
    z-index:-10;
}

它可以解决问题并将元素或元素放置在导航栏下方。这样一来，我的幻灯片就可以显示在菜单项下。

当我在编辑器中输入im时，我希望能够禁用我的字符串。编辑时无需导航栏。

类似这样的东西：

.tm-main{
    position:relative;
    top:-240px;
    z-index:-10;
  DISABLE STRING WHEN .elementor-editor-active
}

这可能吗？谢谢！