ヘッダーのキャッチフレーズの右側が隠れた場合の対処法
すいません。サイトの最上部のキャッチフレーズ部分が隠れてしまっているのでなんとか表示させたいんですが…
なるほど、キャッチフレーズが長すぎる場合は隠れる場合があるので調整しましょう＾＾
※ただ、CSSを追加するので、念の為バックアップは取っておきましょうね。
目次
ヘッダーのキャッチフレーズの右側が隠れた場合の対処法
まず状況を確認しましょう＾＾
こんな感じでキャッチフレーズの右側が隠れているので、表示させたいってことですね。
サイト最上部のキャッチフレーズ部分
キャッチフレーズを全部表示させる為、まずは右側のSNSアイコンを全て非表示にします。
SNSアイコンの非表示化
左のメニューの「外観」→「カスタマイズ」
左のメニューの「外観」→「カスタマイズ」
「ヘッダー」をクリック
「ヘッダー」をクリック
「■ヘッダーバー設定」の中の「SNSアイコンリストを表示する」のチェックを外す。
「■ヘッダーバー設定」の中の「SNSアイコンリストを表示する」のチェックを外す。
これでサイト最上部のSNSアイコンが非表示となりました。
これでサイト最上部のSNSアイコンが非表示となりました。
キャッチフレーズの右側を表示させる為、CSSを追加します。
左のメニューの「外観」→「カスタマイズ」
左のメニューの「外観」→「カスタマイズ」
一番下の「追加CSS」をクリック
一番下の「追加CSS」をクリック
以下のコードをコピーして貼り付けましょう。
※手打ちしないで必ずコピー＆ペーストしましょう。
コードをコピーして貼り付けましょう。
このような感じです。
貼り付けた後は「公開」ボタンを押して保存しましょう。
このような感じです。
貼り付けた後は「公開」ボタンを押して保存しましょう。
サイトを見てみるとキャッチフレーズが全て表示されましたね！
サイトを見てみるとキャッチフレーズが全て表示されましたね！
これで完成です！キャッチフレーズの文字数を少なくすると問題が起こる事はないんですが、長めのキャッチフレーズを設定したい時は参考になさってください。
がんばります君
くにみつ
がんばりますさん
