[Hisanori Goto]

お世話になります。以下の通り、質問させてください。

【お使いの Snow Monkey のバージョン】13.2.3
【お使いの Snow Monkey Blocks のバージョン】10.3.3
【お使いの Snow Monkey Editor のバージョン】4.1.0
【お使いのブラウザ】Chrome
【当該サイトのURL】

### 実現したいこと

Snow Monkey Blocks> Buttonsを使用して、ボタンを生成したいのですが、
スマホ、タブレットで、縦並びになったときに、ボタンの長さと、位置を
そろえたいです。(下記、縦赤線ご参照）

###現状

上記パートは、セクションブロックと、カラム(50%:50%)を使用し、
Snow Monkey Blocks> Buttonsで、2つボタンを入れました。

PCですと並列ですが、タブレット、スマホですと、上記のように縦並びになります。

追加cssで、.wp-block-columnにmargin: 0 auto;をいれましたが、
変わりありませんでした。

恐れ入りますが、対処方法ありましたらご教示いただけますと幸いです。
よろしくお願いいたします。

♥ 0

いいねをした人: 居ません

[Olein_jp]

スマホ、タブレットで、縦並びになったときに、ボタンの長さと、位置を
そろえたいです。

ボタン幅サイズは中のテキストの量で可変となります。ですので、文章内容が違うボタンの幅を統一したい場合には、CSSにてデバイス毎にサイズを指定してあげるしかないかなと思います。

.wp-block-snow-monkey-blocks-btn に width:100% を加えて、 .smb-btn にも width: 100% を加えれば全幅になると思います。しかし、他のボタンにも作用してしまうので、ボタンエリアに任意のクラス名を追加することをお勧めします。

あとは、メディアクエリでスマホとタブレット時の幅を調整し、PC表示時には解除するCSSを書けば実現できると思います。

♥ 2

いいねをした人:

[キタジマ タカシ]

コアのボタンブロックには縦並びの設定があったので、それを使ってみると良いかもです。

♥ 3

いいねをした人:

[投稿者]

投稿