[戻る]
No.4078

スマホ用ページのページトップのアイコンを削除したい

キャラアイコン skさん 投稿日:2020/02/19(Wed) 23:57 home

お世話になっております。
スマホ用ページを開いたときに、画面右下に出てくる「page top」のアイコンを削除するにはどうしたらよいでしょうか?
画面をスクロールした際に、右にずれると見づらくなってしまうので、「pagetop」のアイコン分の右余白も削除したいです。
ご教授いただけますと幸いです。

key
No.4080

Re: スマホ用ページのページトップのアイコンを削除したい

キャラアイコン おたすけマイショップさん 投稿日:2020/02/20(Thu) 13:05 home

商品一覧ページに表示されているページのトップに移動するアイコンをスマートフォンで表示した場合にのみ非表示にする場合は
以下のスタイルシートを適用してください。

<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表示の場合のみスタイルを適用するなどの調整をお勧めいたします。

なお、スタイルシートの指定方法などは恐れ入りますがご自身でお調べくださいますようお願いいたします。

key
No.4084

Re: スマホ用ページのページトップのアイコンを削除したい

キャラアイコン skさん 投稿日:2020/02/20(Thu) 22:14 home

ご教授いただき誠にありがとうございました。
おっしゃるとおり、いいね!ボタンが原因で余白が出来ておりました。大変失礼いたしました。記述を変更して解決いたしました。余白がなくなりましたらpagetopが便利に使えそうなのでそのまま使わせていただきます。
誠にありがとうございました。

key

返信
*おなまえ アイコン [sample]
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)
*画像認証 投稿キー

無料で本格的なネットショップ開業できるのは『イージーマイショップ』

- YY-BOARD -