PCのヘッダーに表示されるナビメニューをハンバーガーにしたいです - CSSカスタマイズ相談 https://wp-cocoon.com/community/customs/pc%e3%81%ae%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc/ Cocoon ディスカッション掲示板 ja Fri, 06 Mar 2026 20:38:46 +0000 wpForo 60 RE: PCのヘッダーに表示されるナビメニューをハンバーガーにしたいです https://wp-cocoon.com/community/customs/pc%e3%81%ae%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc/#post-26743 Sat, 18 Jan 2020 06:25:05 +0000 かうたっく様

 

ありがとうござました！

希望通りになりました。

 

]]> CSSカスタマイズ相談 Nm https://wp-cocoon.com/community/customs/pc%e3%81%ae%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc/#post-26743 RE: PCのヘッダーに表示されるナビメニューをハンバーガーにしたいです https://wp-cocoon.com/community/customs/pc%e3%81%ae%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc/#post-26715 Fri, 17 Jan 2020 10:09:09 +0000 .mobile-header-menu-buttons { display: flex; bottom: auto; top: 0; } .header-container-in.hlt-top-menu { display:none; }

これでお試しください

]]> CSSカスタマイズ相談 かうたっく https://wp-cocoon.com/community/customs/pc%e3%81%ae%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc/#post-26715 RE: PCのヘッダーに表示されるナビメニューをハンバーガーにしたいです https://wp-cocoon.com/community/customs/pc%e3%81%ae%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc/#post-26712 Fri, 17 Jan 2020 08:38:01 +0000 はい、そうです。

 

]]> CSSカスタマイズ相談 Nm https://wp-cocoon.com/community/customs/pc%e3%81%ae%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc/#post-26712 RE: PCのヘッダーに表示されるナビメニューをハンバーガーにしたいです https://wp-cocoon.com/community/customs/pc%e3%81%ae%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc/#post-26707 Fri, 17 Jan 2020 05:27:50 +0000 PCビューは下にあるスライドインのボタンはなし。上のメニューのみ。

https://gyazo.com/e74ecd1997080b5d079da170567d79a2

上記画像はなし。

 

PCビューのPC版、ヘッダー画像・グローバルメニューはなし。

https://gyazo.com/9210983a4d99ce8de55fa499abc183a6

 

スマホviewの上記画像のみ部分で、装飾したい。ってことで大丈夫でしょうか？？？

]]> CSSカスタマイズ相談 かうたっく https://wp-cocoon.com/community/customs/pc%e3%81%ae%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc/#post-26707 RE: PCのヘッダーに表示されるナビメニューをハンバーガーにしたいです https://wp-cocoon.com/community/customs/pc%e3%81%ae%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc/#post-26699 Fri, 17 Jan 2020 02:52:51 +0000 すみません。

メニューは画像の様にしたいです。

ハンバーガーメニュー（三本線）をクリックで、メニュー項目が表示。

PCのメニューを、スマホと同じ表示、動きに。

]]> CSSカスタマイズ相談 Nm https://wp-cocoon.com/community/customs/pc%e3%81%ae%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc/#post-26699 RE: PCのヘッダーに表示されるナビメニューをハンバーガーにしたいです https://wp-cocoon.com/community/customs/pc%e3%81%ae%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc/#post-26696 Fri, 17 Jan 2020 01:56:39 +0000 どんどん、更に訳がわかりません。

  • PCのナビメニューをハンバーガーにしたい

 

って事ではなく、

  • ｐｃのメニュー表示もスライドインメニューにしたい

 

ってことですか？

すみませんが、完成形をおしえてください。

 

  • 上のメニューはどんな風に？
  • 下のスライドインメニューはどうしたい？
  • PCビューのメニューはどうしたい。
  • headerはどうしたいか

明確に決まらないとstyleできませんので。

 

 

初めにこれらを書き込み、画像の添付をいただけたらと思います。

]]> CSSカスタマイズ相談 かうたっく https://wp-cocoon.com/community/customs/pc%e3%81%ae%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc/#post-26696 RE: PCのヘッダーに表示されるナビメニューをハンバーガーにしたいです https://wp-cocoon.com/community/customs/pc%e3%81%ae%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc/#post-26693 Fri, 17 Jan 2020 00:44:17 +0000 説明がおかしくすみません。

ｗｐ設定でメニューを作り、ヘッダーメニューとモバイルスライドインメニューに設定していて、

ｐｃ表示では、ヘッダーにテキストメニューが表示され、スマホ表示ではハンバーガーメニューが表示されています。

 

ｐｃのメニュー表示もスライドインメニューにしてたいのですが、ｃｓｓなどの書き換えで対応が出来るのであれば教えていただきたく書きこませていただきました。

]]> CSSカスタマイズ相談 Nm https://wp-cocoon.com/community/customs/pc%e3%81%ae%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc/#post-26693 RE: PCのヘッダーに表示されるナビメニューをハンバーガーにしたいです https://wp-cocoon.com/community/customs/pc%e3%81%ae%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc/#post-26685 Thu, 16 Jan 2020 11:23:58 +0000 添付画像の「MENU」テキストを消すということでよいのでしょうか？

]]> CSSカスタマイズ相談 わいひら https://wp-cocoon.com/community/customs/pc%e3%81%ae%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc/#post-26685 RE: PCのヘッダーに表示されるナビメニューをハンバーガーにしたいです https://wp-cocoon.com/community/customs/pc%e3%81%ae%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc/#post-26675 Thu, 16 Jan 2020 07:02:09 +0000 かうたっく様

ご連絡ありがとうございます。

そうです。現状、テキストボタンのナビがヘッダーに並び、モバイルはハンバーがメニューを、cocoon設定でしています。テキストのナビ表示をご提案の様にハンバーガーメニューにしたいです。

よろしくお願い致します。

]]> CSSカスタマイズ相談 Nem88 https://wp-cocoon.com/community/customs/pc%e3%81%ae%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc/#post-26675 RE: PCのヘッダーに表示されるナビメニューをハンバーガーにしたいです https://wp-cocoon.com/community/customs/pc%e3%81%ae%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc/#post-26627 Tue, 14 Jan 2020 09:50:29 +0000 https://gyazo.com/e44897bd5acb91880f454e300482c74a

 

このような感じでしょうか？？？

もしそうであれば、CSSでイケた気もします。それでよければ、その設定を行ってURLを再度ご提示いただき、Cocoon設定。高速化・プラグインの圧縮・高速化を停止してお待ちください。

 

Cocoon設定にはハンバーガーメニューがありますが、それを適応するとした場合としても、どのようにしたいか不明ですので、まず１つだけ提案しました。

 

Cocoon設定・モバイルタブにその設定があります。

]]> CSSカスタマイズ相談 かうたっく https://wp-cocoon.com/community/customs/pc%e3%81%ae%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ab%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e3%83%8a%e3%83%93%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%92%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc/#post-26627