「ヘッダーコンテンツ」のモバイルでも表示するが機能しない？

♥ 0

Who liked: No user

このトピックには2件の返信、2人の参加者があり、最後に谷口允により7ヶ月前に更新されました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

投稿者

投稿
2024年4月22日 4:18 PM #138936

谷口允
参加者

♥ 24

【お使いの Snow Monkey のバージョン】

25.4.3

【お使いのブラウザ】

問わず

### 実現したいこと

外観→カスタマイズ→デザイン→ヘッダー　の、「ヘッダーコンテンツ」内に記載した内容をモバイルでも表示したい。

### 発生している問題

「モバイルでもヘッダーコンテンツを表示する。」にチェックを入れているのだが、表示されない

### 試したこと

デベロッパーツールでCSSを確認したところ、display: none!important; がかかったままになってしまいます。こちら、表示される条件などはありますか？

♥ 0

Who liked: No user

2024年4月23日 8:29 AM #138950

キタジマタカシ
参加者

♥ 2421

モバイルのときはヘッダーが狭くてヘッダーコンテンツをそのまま表示すると潰れてしまう可能性が高いので、.l-contents > .p-header-content.p-header-content--sm の位置に表示されるような仕様になっています。

PC と同じ p-header-content.p-header-content--lg をモバイルでも表示したい場合は、CSS で display を調整して表示する形になります。

♥ 0

Who liked: No user

2024年4月23日 9:07 AM #138956

谷口允
参加者

♥ 24

ご返信ありがとうございます。

ご指摘の通り、内部のページには表示されておりました。が、フロントページとして設定している固定ページでのみ表示されておりませんでした。

それで、固定ページの設定を確認してみたところ、こちらのページテンプレートを「ランディングページ（ヘッダーフッターあり）」に設定していたためだったようでした。

こちら、ランディングページ系のテンプレートにはヘッダーコンテンツは含まれないのですね。

今回は「デフォルトテンプレート」に戻して、表示を整えて対応いたしました。ありがとうございました！

♥ 1

Who liked:
投稿者

投稿