将来的にもっと改善できたらと思いますが、出来るだけcocoonの標準状態で使うように分相応な利用方法でがんばってみます。

この２つを組み合わせたら、きっと私の希望のCTAになりそうな予感でワクワクします。

明日、Macで作業するのが楽しみになります。

それにしても

正直言って難しいかな？

と思った事が、ダメ元で聞いてみると回答が頂ける。

はるさんのような回答者の存在とcocoonの自由度の高さに感動です。

逆にwidget_mobile_textというクラスを付けるとモバイルでは表示され、PCでは表示されなくなります。

例えばPCのみで「緊急配送は～」を表示させるなら、CTAウィジェットのメッセージ欄に

配送受付 000-0000-0000<span class="widget_pc_text red"> 『緊急配送は24時間受付』</span>

と入力すればできます。

widget_pc_textは、名前の通り本来は「 テキスト（PC用）」のウィジェット用のクラスです。

ご覧の通り、電話がメインで、メールは二番手の扱いのCTAウイジェットとなります。

写真の上段はパソコン画面のイメージで、下段はスマホで見た時のイメージを再現したものです。

スマホだと、ちょうど良い感じなのですが、画面の大きなPC画面になると、電話番号の右側が空き過ぎて物足りない感じがしました。

そこで可能であれば、そのPC画面で右側に余った余白には、黄色の○で囲んだような文字列でも入れたいなあと思うのですが、そもそも現状で文字列を増やせばスマホでは溢れてしまう文字数になるので、PCでダケ文字列を追加するか？

あるいは、PCだけって言う事ではなく、PCでは右横に文字を表示して、スマホだと電話番号の次の行に表示でも良いのですが、うまく伝わるでしょうか？

このような感じにPCとスマホでCTAウイジェットの出し分けをするには、どうすれば良いでしょうか？

ちなみに、私はカスタマイズは未体験に近いので、難易度によっては、せっかく頂いたアドバイスを生かせ無い可能性があります事を予め白状しておきます。(笑)

その場合はお時間を無駄にさせてしまう事をお許しください。