スマホの商品ページに検索窓とイベント告知君を入れたい場合

Question

お世話になります。

スマホのページに検索窓とイベント告知君を入れたい場合
https://club.ec-masters.net/index.php?design_page18

スマホ最大横幅のサイズはどのようにすればいいでしょうか？

2：イベント告知君と検索窓を設置する

ではなく、上下に
検索窓
イベント告知君

の順でいれたいのですが。

どうぞよろしくお願いします。

Answer

ECマスターズの田中です。

スマートフォン用ページに設置される場合は、
HTMLタグを直接ご変更いただく必要がございます。
変更点をまとめて改めてご返信いたしますので、今しばらくお待ちください。

Answer

ECマスターズの田中さま

ありがとうございます。
お返事、お待ちしています。

どうぞよろしくお願い致します。

Answer

ECマスターズの田中です。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

検索窓とイベント告知君をスマートフォン用ページに設置するには、
ご希望の見た目になるようにスタイルシートを改変した上で、
上記バグを利用する記述方法にご変更いただく必要がございます。

下記HTMLソースを、ご希望の説明文（商品ページ共通説明文など）に
記載してご利用ください。

.emRPBandSearch{display: flex; flex-wrap: wrap; margin: 0 auto;}.emRPB{margin: 0; padding: 0; width: 100%;}.emSearch{width: 100%; margin: 0;}.emShopSearchForm{width: 100%; margin: 0;}.emShopSearchForm *{vertical-align: bottom; box-sizing: border-box;}.emShopSearchInput{width: calc(100% - 45px); height: 38px; border: 2px solid #bf0000; border-radius: 3px; text-indent: 8px; font-size: 12px; font-family: "Meiryo", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif; line-height: 32px;}.emShopSearchButton{border: none; border-radius: 3px; width: 48px; height: 38px; margin-left: -3px; cursor: pointer; background: #bf0000 url(/com/img/home/itempage/haeder_sprite.png) no-repeat 1px -239px;}

Answer

ECマスターズの田中さま

HTMLをまるまるいただき本当にありがとうございます。
各商品ページに反映できました！

どうぞよろしくお願い致します。