お世話になっております。
スマホ用ページを開いたときに、画面右下に出てくる「page top」のアイコンを削除するにはどうしたらよいでしょうか?
画面をスクロールした際に、右にずれると見づらくなってしまうので、「pagetop」のアイコン分の右余白も削除したいです。
ご教授いただけますと幸いです。
商品一覧ページに表示されているページのトップに移動するアイコンをスマートフォンで表示した場合にのみ非表示にする場合は
以下のスタイルシートを適用してください。
<style>
@media screen and (max-width: 700px){
#page_top_link.page_top_link_show {
display: none;
}
}
</style>
スタイルシートの追加方法は以下のヘルプをご覧ください。
オープンガイド - ページに<style>を追加する
https://emshelp.easy-myshop.jp/c-item-detail?ic=add-style
ショップページを拝見したところ、右側の余白はFacebookのいいね！ボタン等が原因で発生しているかと思われます。
(ページのトップに移動するアイコンの影響ではございません)
こちらを修正する場合は、いいね！ボタン等の表示幅を調整してください。
※フリーパーツ内に指定されている「width:40%」が影響していると思われます。
PC表示の場合のみスタイルを適用するなどの調整をお勧めいたします。
なお、スタイルシートの指定方法などは恐れ入りますがご自身でお調べくださいますようお願いいたします。
ご教授いただき誠にありがとうございました。
おっしゃるとおり、いいね！ボタンが原因で余白が出来ておりました。大変失礼いたしました。記述を変更して解決いたしました。余白がなくなりましたらpagetopが便利に使えそうなのでそのまま使わせていただきます。
誠にありがとうございました。