2017-07-16 16 views
1

モバイルメニューのアイテムをCustom.cssで削除する必要があります。私はワードプレスの他のファイルを編集したくありません。モバイルメニューのアイテムをCustom.cssで削除する

これは私のモバイルメニュー項目の画面です。そして私はただ一つの位置を削除したい。 Google Chromeのエディタで簡単に行うことができますが、これを永久保存するにはcustom.cssを追加する必要がありますか?

もともと前に私のメニューの画面:ウェブサイトへ

enter image description here

リンク:http://test.projekt-tenis.pl/wordpress/

私が欲しいのはわずか削除することです:メニューから "Oferta"。

Google Chromeで編集した後、私のメニューは次のようになります。 enter image description here "Ofera"が削除されています。 Custom.cssでこれをやりたいだけです。私はそれについていくつかの話題を見たが、それでも私はそれをどうやって行うことができるのかまだ分からない。

+1

大爆笑。実際に私はクローズ投票を見て楽しんでいます - 他にどのようにこの人が情報を追加することができますか?ここに十分な情報があります。これには制限があり、これ以上の情報を入力することはできません。 –

+1

@PraveenKumarコードの写真は、質問者がコードを自分で入力するよう求めていることを意味します。それは私が写真としての質問への回答を投稿するようなものです。まるでマークアップが全く載せられておらず、画像が検索できないかのようです。 https://meta.stackoverflow.com/questions/303812/discourage-screenshots-of-code-and-or-errors – Rob

+0

@Robこれにコードはありません。この質問に固有のことを教えてください。ユーザーはこれについて何かできると思いますか?このように考えてください。ユーザーが画像を与えていないが、コードがまるで私が間違っているようなコードを与えたとしよう。これはコードに関するものではありません。しかし...まあ、どうやって理解してくれるといいなあ。この場合、開発ツールとフロントエンドを表示する必要があります。 –

答えて

4

これで解決します。 JavaScriptなどを使用してDOMノードを削除する必要はありません。 WordPressの各メニュー項目は、投稿IDを使用して一意に識別できます。あなたの場合、それはです。特定の要素に対してはdisplay: none;を使用し、CSSを使用して非表示にすることができます。これが@mediaクエリを持つ唯一の理由です。

custom.cssにこのCSSを使用してください。

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

私は緩く、モバイルデバイスであると見なすことができる960px以下の画面サイズ、と顧客をターゲットにしています。 CSS Tricks 'Media Queries for Standard Devicesをいつでも参照できます。

プレビュー:

enter image description here

0

DOMからアイテムを「削除する」ことは、さまざまな方法で行うことができます。 CSSファイル内のその項目に割り当てられた単純なdisplay: none;プロパティで、あなたが行っていることを達成できると考えています。これは要素を視覚的に削除しますが、DOMからは削除しません。

+0

'display:none;'はDOMから要素を削除しません。 – Rob

+0

あなたは正しいですが、これは私が言っていることではないように見えるかもしれませんが、明確にするために私の答えを修正します。 –

関連する問題