Wordpressでヘッダーの高さを修正し、CSSでロゴのサイズを変更するには

Question

これは私のwebsite.です。私はWordpressで、私のテーマはSonata（Themeforest）です。

ある時点で、私はCSSコードのメニューバーの高さにいくつか調整を加えましたが、今度はもう少し小さくしたい（より比例したものにしたい）。 また、私はロゴを反応的にして、メニューバー内に収まるようにしたいと思います。

誰かがCSSコードを手伝ってもらえますか？ 私は、コードのどの部分を変更する必要がありますかわからないが、私は（それがないなら、私を修正）、それはこの1つであると信じて：

---

/* Header 
-------------------------------------------------------------------------------------- */ 
#wi-header { 
    width:100%; 
    height:40px; 
    position:relative; 
    background:#fff; 
    z-index:9999; 
    transition:height .3s ease-out; 
    } 
#wi-header .container { 
    position:relative; 
    } 
#wi-logo a { 
    display:block; 
    color:#333; 
    font-size:34px; 
    font-family:"Oswald", sans-serif; 
    text-decoration:none; 
    text-transform:uppercase; 
    margin:0; 
    height:auto; 
    } 
#wi-logo img { 
    max-height:auto; 
    display:block; 
    class:img-responsive; 
    } 
.site-description { 
    color:#999; 
    font-style:italic; 
    margin-top:10px; 
    } 
.site-description a { 
    color:#333; 
    text-decoration:underline; 
    } 

---

はあなたのために事前にありがとうございます助けて！

Answer 1

style = "position：absolute; height：100％;"を追加しました。 imgタグに貼り付けて固定しました。

Answer 2

レイアウトを調整したい場合は、HTML & CSSの学習を開始することをおすすめします。つまり、あなたのロゴは親要素の幅をとっています（<div class="span4">）。だからあなたのロゴはこのdivと比較して100％の幅を持っています。 1つの解決策は、次のとおりです。

#wi-logo img { 
    width: 50%; 
} 

これは、ロゴをその親の幅の半分にします。しかし、あなたが本当に望むものに応じて、複数の可能性があります。繰り返しますが、基本を学ぶことをお勧めします。 MDNは素晴らしいスタート地点です。

編集：ほとんどのケースで

、あなたがテーマを変更するwan't場合は、できる最善のことは、子テーマを作成することです。既存のテーマのコードを変更することは、決して良いことではありません。更新されると、変更が失われる可能性があります。 https://codex.wordpress.org/Child_Themesをご覧ください。簡単な答え：少なくともstyle.cssファイルの子テーマを作成し、そこで変更を加えます。

Templateはあなたのケースでは、親テーマ、ソナタである

/* 
Theme Name: Your Child Theme Name 
Template:  Sonata 
*/ 

：style.cssには、少なくとも、これはそれの一番上にコメントが含まれている必要があります。次に、バックエンドのサイトのテーマとしてテーマを選択します。

最後に重要なのは、imho、span divのCSSを変更しないでください。おそらく、これは財団のような（グリッド）フレームワークの一部である可能性があります。おそらく、幅が100％の4/12を意味する12列のレイアウトです。これはデフォルトの構造であり、変更するつもりはありません。しかし、実験してください。