Elementorのアイコンボックスウィジェットで作成したアイコンとテキストをモバイル表示の際に横並びにしたいのですが、方法はありますか？

アイコンボックスのこの仕様に以前elementorサポートに問い合わせたことがあります。

どうやらデフォルトではコンテンツが最適に表示されるようになってるため、横一列にならないようになってるというようなことを言ってました。

こちらのcssを追加することで解決できるかと思います。数値はお好みで変えてみてください。

@media screen and (max-width: 767px) {

/* icon box */

.elementor-widget-icon-box .elementor-icon-box-wrapper{

text-align: left;

display: inline-flex;

}

.elementor-position-left .elementor-icon-box-icon{

margin-right: 20px !important;

}

}