通過Custom.css刪除手機菜單中的項目

我需要通過Custom.css刪除手機菜單中的一個項目。我不想在WordPress中編輯其他文件。通過Custom.css刪除手機菜單中的項目

這是我的手機菜單項的屏幕。我想刪除一個位置。通過Google Chrome編輯器很容易實現，但是我需要在custom.css中添加哪些內容才能永久保存這些內容？

屏幕我的菜單的前原：

鏈接至網站：http://test.projekt-tenis.pl/wordpress/

我要的是隻刪除：從菜單中選擇「Oferta」。

在谷歌瀏覽器中對其進行編輯後，我的菜單如下所示：正如您所看到的，「Ofera」已被刪除。我想通過Custom.css來做到這一點。我看到了一些關於它的話題，但仍然不知道我該怎麼做。

來源

2017-07-16 Michael

大聲笑。其實我很開心看着關閉投票 - 這個人怎麼可以添加更多的信息呢？這裏有足夠的信息。請理解，有限制，這是一個這樣的問題，你不能提供更多的信息。 –

@PraveenKumar代碼的圖片表示提問者要求您自己輸入代碼。這就像我把這個問題的答案張貼爲圖片一樣。所以就好像根本沒有發佈標記並且圖像不可搜索。 https://meta.stackoverflow.com/questions/303812/discourage-screenshots-of-code-and-orrors – Rob

@Rob這裏沒有代碼。告訴我具體到這個問題。你認爲用戶可以做些什麼嗎？這樣想。假設用戶沒有給出圖像，但代碼就像我肯定會結結巴巴的那樣。這不是關於代碼。但是...嗯，我希望你明白如何。在這種情況下，必須顯示開發工具和前端... –

這應該解決它。我們不需要使用JavaScript或其他東西來刪除DOM節點。 WordPress中的每個菜單項都可以使用他們的發佈ID進行唯一標識。在你的情況下，它是。我們可以使用display: none;作爲該特定元素並使用CSS隱藏它。這是進行@media查詢的唯一原因。

在您的custom.css中使用此CSS。

@media screen and (max-width: 960px) { 
    #menu-item-988 { 
    display: none; 
    } 
}

我針對客戶的960px或更小的屏幕尺寸，可以粗略地認爲是移動設備。你總是可以參考CSS技巧'Media Queries for Standard Devices。

前瞻：

來源

2017-07-16 21:21:33

從DOM刪除項目可以通過多種方式完成。我想你可以通過在CSS文件中指定一個簡單的display: none;屬性來實現你要做的事情，這會以可視方式移除該元素，但不會將其從DOM中刪除。

來源

2017-07-16 21:21:15

'display：none;'不會從DOM中刪除元素。 – Rob

你是對的，雖然看起來這是我所說的不是，但我會修改我的答案來澄清。 –

通過Custom.css刪除手機菜單中的項目

回答

相關問題