WordPress個別サポート

Stinger3のナビゲーションバーにはデフォルトの状態で「TOP」が含まれています。たとえば、次のようなメニューを作成します。

作成したナビゲーションメニューの例

作成したナビゲーションメニューの例

このメニューをナビゲーションバーに表示すると、先頭に「TOP」が表示されます。

ナビゲーションバーに「TOP」が含まれている

ナビゲーションバーに「TOP」が含まれている

この「TOP」を消すにはheader.phpを編集する(もちろん子テーマで)方法もありますが、子テーマのstyle.cssにCSSを記述する方法もあります。

「TOP」の部分は、次のようなHTMLになっています。

<div id="navi-in">
  <ul>
    <li> <a href="…略…" title="トップページ">TOP</a> </li>

#navi-inの直下のulの直下のliを非表示にすれば良いので次のようなCSSを記述します。

#navi-in > ul > li  {
    display:none;
}

これで、ナビゲーションバーから「TOP」が消えます。

ナビゲーションバーから「TOP」が消える

ナビゲーションバーから「TOP」が消える

この記事をSNSで共有する
スポンサーリンク
WordPressでお困りのときはご相談を
細かい質問からCSSやPHPのカスタマイズ、トラブル対応まで、この記事を書いた西沢直木が直接、WordPress個別サポートで対応します。
WordPress個別サポートの特徴
  • 最短で本日中に問題解決できます
  • 見積もり無料・料金は終了後の後払いです
  • 銀座教室・スカイプ・出張またはメールで対応します
カスタマイズがうまくいかないときは
お急ぎのときはWordPressメールサポートで対応します。ご活用ください。
こんなときはご相談ください(相談・見積もり無料)
  • サイトのデザインをカスタマイズしたい
  • CSS・PHPのカスタマイズがうまくいかない
  • 引っ越し(サーバー移転)したい
  • サイトをSSL対応(https://)したい
WordPress個別サポートの連絡先

WordPress個別サポートへの問い合わせWordPress個別サポートの申し込み

関連記事

スポンサーリンク