ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

ハンバーガーメニュー

23
  • ISSUE (TCD106)

TCDテーマGENESIS・ISSUE・SEEED:スマホ表示時のハンバーガーメニュー下に文字を入れる方法

Q.ハンバーガーメニューの下に「MENU」のような文字を追加することはできますか?▼変更箇所イメージA.カスタムCSSで対応できます。(テーマのよって若干修正内容が異なります)今回の記事では、テーマGENESIS、SEEED、ISSUEでスマホ表示時のハンバーガーメニュー

  • SERUM (TCD096)

TCDテーマSOLARIS・SERUM・NANO・FAKE:スマホ表示時のハンバーガーメニュー下に文字を入れる方法

Q.ハンバーガーメニューの下に「MENU」のような文字を追加することはできますか?▼変更箇所イメージA.カスタムCSSで対応できます。(テーマのよって若干修正内容が異なります)今回の記事では、テーマSOLARIS、SERUM、NANO、FAKEでスマホ表示時のハンバーガー

  • REHUB (TCD099)

TCDテーマOOPS!・REHUB:スマホ表示時のハンバーガーメニュー下に文字を入れる方法

Q.ハンバーガーメニューの下に「MENU」のような文字を追加することはできますか?▼変更箇所イメージA.テーマにもよりますが、カスタムCSSで対応できます。今回の記事では、テーマ「OOPS!」でスマホ表示時のハンバーガーメニュー下に文字を追加します。以下のCSSをカス

  • Switch (TCD063)

TCDテーマSwitch:スマホのハンバーガーメニューを開いたときにボタンのアイコンを「×」にする方法

Q.質問内容スマホのハンバーガーメニューを開いたときに、三本線のボタンのアイコンを、バツ印などに変えられますか?▼変更箇所イメージA.カスタムスクリプト・カスタムCSSでアレンジ可能ですSwitchテーマでは、スマホのハンバーガーメニューのアイコンデザインは、メニュー

  • SKIN (TCD046)

TCDテーマSKIN:ハンバーガーメニューの色の変更方法

Q.ハンバーガーメニューの三本線の色の変更方法スマホメニューのアイコンの色は変更できますか?▼変更箇所イメージA.下記の方法でカスタマイズしてください。【外観】 > 【TCDテーマオプション】 > 【基本設定】 の「カスタムCSS」にCSSのを入力してください。

  • GENSEN (TCD050)

TCDテーマGENSEN:ハンバーガーメニュー内の矢印の色を変更する方法

Q.スマホでハンバーガーメニューを開いた際に表示される矢印の色を変えたい。メニューが階層化されている場合、スマホ閲覧時にはハンバーガーメニューを開くと親メニューのみが表示され、右端の「v 」をクリックで子メニュー以下が表示されます。この矢印の色は変更できますか。▼変更箇所イメ

  • EVERY (TCD075)

TCDテーマEVERY:スマホ表示時のハンバーガーメニューのアイコン色を変更する方法

Q.スマホ表示時のハンバーガーメニューの色を変更する方法を教えてください。▼変更箇所イメージA.下記の方法でカスタマイズしてください。TCDテーマ>サイト基本設定のカスタムCSSに入力してください。〇を任意のカラーコードに変更してください。

  • ANTHEM (TCD083)

TCDテーマANTHEM:スマホ表示時のハンバーガーメニューのアイコン色を変更する方法

Q.スマホ表示時のハンバーガーメニューの色を変更する方法を教えてください。この記事ではスマホ表示時のヘッダー内言語ボタンアイコンの色を変更する方法も併せてご案内いたします。▼変更箇所イメージ 赤枠がハンバーガーメニューのアイコン、左の地球アイコンが言語ボタンアイコンです。

  • CURE (TCD082)

TCDテーマCURE:スマホ表示時のハンバーガーメニューのアイコン色を変更する方法

Q.スマホで見たときのハンバーガーメニューの色を変更することは出来ますか?トップページでヘッダーの背景が透明のときは、【TCDテーマ>ヘッダー>ヘッダーバーの設定>色の設定1「文字色」】が適用されます。A.下記の方法でご対応ください。TCDテーマ>サイト基本設定のカスタムCSSに入力

  • ICONIC (TCD062)

TCDテーマICONIC:スマホ表示時のハンバーガーメニューで副項目にインデントを設ける方法

Q.スマホ表示時のハンバーガーメニューで、子メニュー項目を親メニュー項目より少し右にずらして(インデントを設けるように)表示させたいです。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。※30pxの部

  • MAXX (TCD043)

TCDテーマMAXX:ハンバーガーメニューの色、背景色、リンク文字色、開閉アイコン色の変更方法

Q.スマホ表示の際の三本線(ハンバーガーメニュー)の色を変更したいです。ヘッダーバーの背景色には、外観>TCDテーマオプション>基本設定>色の設定の「第2カラーの設定」が適用されます。(デフォルト値は黒色:#000000です。)▼変更箇所イメージA.下記の方法でご対応

  • UNIQUE (TCD044)

TCDテーマUNIQUE:スマホ閲覧時のハンバーガーメニュー背景色を変更する方法

Q.スマホ閲覧時、ハンバーガーメニューをクリックすると展開されるグローバルメニューの背景色を変更することは可能でしょうか?A.下記にてご対応ください。管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストしてください。<

  • UNIQUE (TCD044)

TCDテーマUNIQUE:スマホのハンバーガーメニューの色変更を変更する方法

Q.スマホの画面上部のハンバーガー(三本線)メニューの色を変更したい。A.下記コードを追記してください追記する場所: 管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」< #ffffff >がカラーコードとなります。カラーコードにつきまして

  • SKIN (TCD046)

TCDテーマSKIN:スマホでページ内リンクをタップした際にハンバーガーメニューを自動で閉じる方法

Q.ページ内リンクの場合はハンバーガーメニューが自動で閉じるようにしたい。ハンバーガーメニューでページ内リンクを設定した場合、同一ページ内だと移動は出来るが、メニューが展開されたままになっているので、ページ内リンクの場合はハンバーガーメニューが自動で閉じるようにしたい。▼テーマ仕様ペ

  • KADAN (TCD056)

TCDテーマKADAN・BEAUTY:ハンバーガーメニューの色を変更する方法

Q.スマホ閲覧時に表示されるハンバーガーメニューの色は変更可能でしょうか?▼変更箇所イメージA.可能です。下記、変更方法です。外観>TCDテーマオプション>基本設定のカスタムCSSに下記を入力下さい。※●に任意のカラーコードを指定下さい。カラーコードに

  • ANGEL (TCD047)

TCDテーマANGEL:スマホのハンバーガーメニューをテキスト表示に変更する方法

Q.スマホのハンバーガーメニューをテキスト表示に変更したいのですが方法はありますか。A.該当ファイルをカスタムCSSに追加してくださいこちらのようにカスタムCSSなどに設定いただければハンバーガーメニューは非表示になりメニューというテキストがでるようになります。

  • LOTUS (TCD039)

TCDテーマLOTUS:スマホ表示時のハンバーガーメニューまわりの背景色や文字色を変更する方法

Q.スマホで閲覧した際のヘッダーの三本線メニュー(ハンバーガーメニュー)を開いたときの背景色や文字色を変更したい。<変更箇所イメージ>A.下記の方法でご対応ください。以下の記述を外観>TCDテーマオプション>基本設定のカスタムCSSに入力して表示をご確認ください。※○

  • AVALON (TCD040)

TCDテーマAVALONのスマホのハンバーガーメニューの色変更

Q.スマホの最下部のフッターメニューを表示させたいスマホの画面上部のハンバーガー(三本線)メニューの色を変更する簡単な方法についてご説明します。A.該当ファイルを編集してください編集するファイル: responsive.css下記コードのcolorを変更することで配色