ストークでスマホのサイトロゴを大きく表示する設定方法


リクストリーム管理人の元警察官・桜井陸です。

今回僕はこのブログ「リクストリーム」を開くにあたってストークというテーマを購入しました。

使いやすいんですが、やはりまだまだ難しいです

そのなかで最初の壁が「スマホのサイトロゴを大きく表示する方法」でした。

カスタマイズしてもCSSしても不可能

「ストーク スマホ サイトロゴ 大きく 表示」

これでガシガシ検索しました。

 

めっちゃググッて9時間は費やしたと思います。

それも同じです。

カスタマイズを繰り返してもダメです。

 

どんなCSSを入れてもほとんど大きくならないんです。

最初、見た目はこだわらなくてもいいとは言いますが、あまりにも見れないとブログを書く気も起らなくなりますから。

目が疲れて頭もぼーっとしてきます。

 

手当たり次第にプラグインを入れてみようか一瞬ダークサイドに落ちそうになりました。

そしてもうこれ以上はなんともならんと腹を切る覚悟でストークの管理人にメールすると翌日に返信が来ていました。

ストークの管理人へメールしたら一瞬で解決

下記のようなCSSを管理画面の【外観 > カスタマイズ > 追加CSS】に記述すると、
スマートフォンでのロゴ画像の大きさを調整できます。
※max-height以降の数値を大きくしてください。

@media only screen and (max-width: 767px){
#logo a img {max-height: 45px;}
}

 

スマホを見るとしっかりと大きく表示されています。

恐ろしく簡単な作業でサイトロゴが大きくなりました。

逆に考えると、この短いCSSのために9時間も費やしたんだからパソコンは奥が深いと僕は感心したのでした。

僕と同じ超初心者の方で同じ悩みを抱えている人がいるならこれで解決したら感無量です。

コメントを残す

メールアドレスが公開されることはありません。