菜单打开时按钮消失

Question

这是我正在处理http://www.jokerleb.com/的网站，我正在使用免费版https://responsive.menu。它将出现在400px及更小的设备上。

我希望菜单打开时按钮和“类别”一词消失。我想把x放在右上角。

我试过

.responsive-menu-accessible is-active{
  background-color: transparent!important;
}

.responsive-menu-accessible is-active text{
   background-color:transparent!important;
} 

它不起作用，该怎么办？我可以从inspect元素中取得一些成功，但我认为我正在使用错误的类。

Answer 1

@media screen and (max-width: 400px)
(index):172
.responsive-menu-open button#responsive-menu-button .responsive-menu-box {
    color: #fdc300;
    float: right;
}

@media screen and (max-width: 400px)
(index):172
.responsive-menu-open button#responsive-menu-button:hover, .responsive-menu-open button#responsive-menu-button:focus, button#responsive-menu-button:hover, button#responsive-menu-button:focus {
    background: transparent;
    top: 0!important;
}

@media screen and (max-width: 400px)
(index):172
.responsive-menu-open #responsive-menu-container.push-top, .responsive-menu-open #responsive-menu-container.slide-top {
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    padding-top: 30px;
}

将css更改为上面的代码，然后从responsive-menu-label类中删除文本。