カラムブロックが改行表示されてしまうことについて

0
いいねをした人: 居ません
  • このトピックには2件の返信、2人の参加者があり、最後にKUGAにより3年、 3ヶ月前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #80781
    KUGA
    参加者
    18

    ### 実現したいこと

    デフォルトで用意されているカラムブロックで3カラム表示をさせているページがございます。
    そのページおいて画面幅が660px~704pxの時にカラムが改行表示(2列)されてしまいます。
    カラムを改行させず、1列での表示をさせたいと考えておりますが、設定方法等についてご教示頂きたくお願い申し上げます。

    ### 試したこと

    下記のCSSが適用されているために、改行表示となっていると考え、レスポンシブ設定にて

    660px~704px表示の間、display:blockにて改行表示させない設定を入れましたが、反映されませんでした。

    .wp-block-columns {
      display: flex;
      margin-bottom: 1.75em;
      flex-wrap: wrap;
    }
    0
    いいねをした人: 居ません
    #80788
    Olein_jp
    参加者
    566

    WordPress から標準で提供されているカラムブロックと、Snow Monkey のブレイクポイントが異なるため、そうなることは致し方ないといったところです。

    打開策としては、項目ブロックの自由入力などを活用することで、Snow Monkey 自体のブレイクポイントと同じポイントを持つカラムを用意することができます。

    4
    いいねをした人:
    #82211
    KUGA
    参加者
    18

    Olen様

    ご返信遅くなりました、申し訳ございません。
    ご教示頂いた方法で実装できました!
    ありがとうございました!!

    0
    いいねをした人: 居ません
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • トピック「カラムブロックが改行表示されてしまうことについて」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。