- このトピックには2件の返信、2人の参加者があり、最後に
により5年、 1ヶ月前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
-
投稿
-
トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。
【お使いの Snow Monkey のバージョン】最新版
【お使いのブラウザ】chrome
【当該サイトのURL】https://www.kigoulab.co.jp/===
ダメ元で質問します。
CTAのラベルが長くてスマホに収まりません。
スマホだけ、ラベルを短くすることはできますでしょうか？PC：サクッとUXデザイン診断のお申し込み
SP：UXデザイン診断CSSのcontentプロパティとかつかって書き換えられないかなと妄想しています。
つかったことないので、試行錯誤中ですよろしくご教授ください。
いいねをした人: 居ません@media (max-width: 39.9375em) { .p-footer-cta .p-footer-cta__secondary-btn { font-size:0; } .p-footer-cta .p-footer-cta__secondary-btn:before { font-size:14px; content:"UXデザイン診断"; text-align:center; display: block; position: absolute; } }上記コードで、文字がいれかわりましたが、以下の不具合があります
・文字がセンターでなく、左寄せになる
・クリックすると、文字が消える（致命的）よろしくお願いします
いいねをした人: 居ませんCSS ではなかなか無理くりになると思うので、PHP でモバイルかどうか判定して切り替えるのが良いと思います（なのでいわゆるレスポンシブではないです）
add_filter( 'snow_monkey_template_part_render', function( $html, $slug ) { if ( 'footer-cta/primary-btn' === $slug ) { $text = wp_is_mobile() ? 'モバイル用' : 'PC用'; return preg_replace( '|(<a[^>]*?>)([^<]+?)(</a>)|ms', '$1' . $text . '$3', $html ); } return $html; }, 11, 2 );いいねをした人: 居ません
3件の投稿を表示中 - 1 - 3件目 (全3件中)
- トピック「スマホだけFooterCTAのラベルを変えたい」には新しい返信をつけることはできません。