twentyeleven でタイトル文字を画像に変える方法
-
twentyeleven のテーマでのタイトル文字を画像に変える方法についての質問です。
現在、子テーマを使って style.css に以下のものを追記しています。#site-title a {
height: 0px;
display: block;
overflow: hidden;
width: 400px; /*画像の横幅*/
padding-top: 100px; /*画像の高さ*/
background: url(images/logo.png) no-repeat left top;
margin-top: -45px; /* 画像を上に移動 */
margin-left: -25px; /* 画像を左に移動 */
}しかし、これだとスマートフォンなどでブログを見た際に
タイトル部分の画像の大きさが変わりません。また、画像がブログの枠から左側にはみ出してしまい
デザインが崩れてしまいます。デザインを崩さないように画像が自動的に縮小するように
したいのですがどうしたらいいのでしょう?
header.php の部分に直接埋め込むようにするのでしょうか?
もうしそうだとすると、どのようにすればいいのでしょうか?教えていただけると助かります。よろしくお願い致します。
1件の返信を表示中 - 1 - 1件目 (全1件中)
1件の返信を表示中 - 1 - 1件目 (全1件中)
- トピック「twentyeleven でタイトル文字を画像に変える方法」には新たに返信することはできません。