私自身使ったことがないもので必要性はわからないのですが
時代の流れに沿って付けてみました。笑
シェアボタンを付ける
こちらのページを参考に。もともとは幅が30%ずつ、1列3つのボタン、2列で6つのボタンだったのですが、
文字のサイズを18→14pxに変更し、
幅を30→15%に変更することで1列で6つのボタンを表示できるようにしました。
cssコードの変更 文字サイズ
ボタンの中の文字のサイズです。
.sns li a {
font-size:18px;
font-size:18px;
18→14に変えました。
cssコードの変更 ボタンの幅
.sns li {
float:left;
width:30%;
float:left;
width:30%;
30→15へ変更
モバイルでは1列2つ、3列で6つの表示になっていました。
せっかく付けたので、いつか役に立つことがあればいいなと思います。
.png)
0 件のコメント:
コメントを投稿