Question

リッチメニューの中央寄せ

  • M MAI

  • TOP画面の上部にリッチメニューの画像を５つ配置したのですが
    ６カラム指定すると左寄せになってしまいます。
    画像を中央寄せにしたい場合どのようにすればよいでしょうか？
    ご教示ください。

    問題となるページ : https://pinkcancer.site/ 2023/07/14 09:39
  • tsu_

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

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

    管理画面「外観」>「カスタマイズ」>「追加CSS」に以下のコードを書くとどうでしょうか...？？
    （トップ画面で反映されるコードにしてあります）

    .home .b--jinr-richmenu {
    justify-content: center;
    }

    .home .js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(5) {
    margin-right: 0;
    }

    ご確認よろしくお願いいたします！

    2023/07/14 22:14
  • M
    MAI

    ありがとうございます！！
    TOP画面はセンター寄せできましたが、カテゴリーページのリッチメニュー左寄せ方法をご教示いただきたいです！！

    2023/07/27 17:47
  • tsu_

    今はカテゴリーページにリッチメニューを置いてないですよね...？？

    おそらく以下のコードで対応できるんじゃなかと思います！

    .home .b--jinr-richmenu,
    .category .b--jinr-richmenu {
    justify-content: center;
    }
    .home .js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(5),
    .category .js--scr-animation.d--richmenu-animation-fadebyone.is-animated.d--richmenu-column6 .o--richmenu-item:nth-child(5) {
    margin-right: 0;
    }

    2023/07/28 11:12
CLOSE

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