[ 解決済 ] 「Pale」のヘッダー上部（テキストのみ）をモバイルで表示

[森内愛民]

Lightning Pro + Pale（最新版）でサイト構築をしています。
カスタマイズの項目「Lightningヘッダー上部設定」があり、
・ヘッダーの上部エリアを表示しない
・メニューと問い合わせボタンを非表示にしてテキストをセンター揃えにする
があります。
どちらもチェックを入れない状態でのデフォルトが、
①PCで閲覧した際はテキストとメニューが表示される
②スマホで閲覧した際はヘッダー上部エリアが表示されない
です。
スマホで閲覧した際に、ヘッダー上部エリアは「メニューと問い合わせボタンを非表示にしてテキストをセンター揃えにする」状態で表示されるようにしたいです。（店舗ロゴの上にメインのコピーを入れているのでそれをスマホで閲覧した際も見れるようにしたい）
PC閲覧時に影響しないカスタマイズ方法がありましたら、ご教授をお願いします。

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

カスタマイズ ⇒ 追加CSS に以下の行を追加すればご希望のことができると思います。

@media (max-width: 991px) {
.headerTop {
display: block;
background: transparent;
border-bottom: none;
}

.headerTop .headerTop_description {
text-align: center;
padding-bottom: 5px;
padding-right: 0;
}

.headerTop nav {
display: none;
}

}

• この返信は1年、 3ヶ月前に石川＠Vektor,Inc.が編集しました。

[森内愛民]

教えていただいた方法で問題なく表示できました。
ありがとうございます。

[投稿者]

投稿