解決済み
Question

スマホ・タブレット使用時のヘッダーロゴ画像を中央寄せにしたい。

  • m minecho

  • 現在ヘッダーレイアウトで左寄せを選択しています。
    https://jinr.jp/manual/header/

    スマホ・タブレットで閲覧した場合には
    ヘッダーレイアウトが中央寄せで表示されるようにしたいです。
    （PCで見た時には左寄せにしたい）

    追加CSSをお教えいただけませんでしょうか。

    問題となるページ : https://alpacakids.tokyo/
    • JIN:R 1.3.1
    • GoogleChrome
    • macOS 14 Ssonoma
    2024/02/26 16:22
  • tsu_

    こんにちは！
    JIN:R運営チームのtsu_です。

    ご質問ありがとうございます！

    実際のURLをご共有いただけますか？？

    よろしくお願いいたします！

    2024/02/26 17:53
  • m
    minecho

    回答ありがとうございます。
    下記、追記させていただきました。
    よろしくお願いいたします。

    問題となるページ : https://alpacakids.tokyo/

    2024/02/27 17:35
  • tsu_

    URLありがとうございます！

    ①管理画面「外観」>「カスタマイズ」>「サイトデザイン設定」>「ヘッダー」>「レイアウト」の項目を中央寄せにする

    ②追加CSSに以下のコードを書く

    @media (min-width: 1024px){
    .d--header-layout2 #commonHeaderInner {
    flex-direction: row;
    }
    }

    こちらの環境下ですと、上記の流れで再現できました。
    細かい調整などがあれば、minechoさんの方でお願いできればと思います！

    ご確認お願いいたします！

    2024/02/28 10:51
CLOSE

ログイン方法を選択してください