【忍者おまとめボタン】スマホ画面で開いた窓が大きくズレてた!

ninja

ソーシャルボタンの設置が簡単で綺麗な「忍者おまとめボタン」
当ブログでも設置していますが、スマホ画面の マークおまとめボタンを押してみると開いた窓が大きくズレてしまってることに気が付きました。

スポンサーリンク

忍者おまとめボタンをPCとスマホで同じにすると出る症状

普通の使い方だと問題は無くて、
PC用を設置して管理画面でスマートフォン表示を有効にチェックするだけです。

忍者おまとめボタン

表示されたスマホ用ボタンはこんな感じです。

忍者おまとめボタン2

左がボタンで、右がタップして開いた画面。

ボタンはスクロールしても付いてくるので便利なようですが、
設置した自分でも最近まで何のボタンか気付かなかったほどです。(^^;)

分からないボタンを付けても仕方がない!と、
スマートフォンでもPC用ボタンを設置していたのですが、
設置してかなり経った今になって初めてボタンをタップしてズレに気が付きました。

忍者おまとめボタン3

 マークのおまとめボタンを押して開く画面が大きくズレて左半分のリンクが隠れてしまってました。

これでは、せっかくの「おまとめボタン」の意味がありません。

忍者ツールの管理画面では設定箇所が無いためcssで調整します。

 まとめボタンの場所によっても違うと思いますが↑のコードでは
左へ60pxずらすようにしています。

結果

忍者おまとめボタン4

右側が切れるようになりましたが、
全てのリンクボタンと文字が表示されるようになりました。

スマホでWEBページをあまり見ることがないため、同じ症状の方がいるかは存じませんが、
スマホに設置してる方や、スマホでもPCテンプレートを使用してる方は、
1度自分で押してみて確認することをおすすめします。

最後までご覧いただき ありがとうございました。

おすすめ

スポンサーリンク

このページをシェアしてくれたら嬉しいな~(*'∀'人)

テスト
おじぎ猫 訪問ありがとうございました。

お知らせ
スパムが多いため、コメントは承認制になっています。
確認次第、承認と返信をいたしますね。(^^)/

My Youtube
石巻貝を助けるコリドラス 石巻貝を助けるコリドラス
morphing morphing
恐竜体操で食べられた!? 恐竜体操で食べられた!?
ゴジラのパロディ ゴジラのパロディ
アナと雪の猫王 アナと雪の猫王
Prince PURI #2 Prince PURI #2
トカゲ酒飲んで変身!! トカゲ酒飲んで変身!!

 15日月末ポイント消滅 !? 確認はこちら 楽天市場

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

トップへ戻る