从巨型菜单中删除CSS样式

Question

我正在网站上制作一个Wordpress网站：https://mimsi.dk/。菜单首先看起来像这样，我需要再次看起来像这样：

因为我们添加了很多子菜单，所以我必须添加一个Mega菜单（WP Mega菜单PRO）。现在的问题是我需要让Mega菜单看起来像上面显示的旧菜单。

如果我删除以下行，我会在顶部显示菜单：

body.admin-bar .banner[data-transparent-header="true"] {
    top: 32px;
}

但是我怎样才能删除背景和悬停效果，所以我只得到文字，就像旧的菜单一样？我在检查窗口中找不到要添加或删除的类？

Answer 1

由于imgur在我的国家被屏蔽，我无法看到您分享的图像。但是，您可以在以下代码块中更改菜单的背景样式。在CSS文件中找到它并根据需要进行更改。

.wp-megamenu-main-wrapper.wpmega-black-white.wpmm-orientation-horizontal,
.wp-megamenu-main-wrapper.wpmega-black-white.wpmm-orientation-vertical{
    background-color: #3d3d3d;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#3d3d3d),color-stop(50%,#3d3d3d),color-stop(50%,#212121));
    background: -webkit-linear-gradient(top,#3d3d3d,#212121);
    background: -moz-linear-gradient(top,#3d3d3d,#212121);
    background: -ms-linear-gradient(top,#3d3d3d,#212121);
    background: -o-linear-gradient(top,#3d3d3d,#212121);
    -webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,.1);
    -moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,.1);
    box-shadow: inset 1px 1px 0 0 rgba(255,255,255,.1);
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}