使菜單打開時按鈕消失

-1

這是我正在使用的網站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; 
}

它不工作，怎麼辦呢？我可以從檢查元素中獲得一些成功，但我認爲我正在處理錯誤的類。

來源

2017-06-14 Lynob

如果使用.is-active .text，您的is-active和text也是一個類嗎？使用display也更好：如果你想隱藏某些東西，則不顯示。 – PenAndPapers

我對所討論的菜單並不熟悉，但它聽起來像'is-active'實際上應該是'.is-active'。 'text'應該**可能**也是'.text'，但我不確定這是引用一個類還是實際的文本字段。 –

不要忘記在！結尾的分號重要 - 你省略了它，我只在整理代碼時才注意到它。 –

@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更改爲上面的代碼，並從響應菜單標籤類中刪除文本。

來源

2017-06-14 00:37:13 xxLITxx

使菜單打開時按鈕消失

回答

相關問題