<pre style="word-wrap: break-word;white-space: pre-wrap;">&lt;div id=&quot;header-container&quot; class=&quot;header-container&quot;&gt;
&lt;div class=&quot;header-container-in hlt-center-logo&quot;&gt;
&lt;header id=&quot;header&quot; class=&quot;header ba-fixed cf&quot; itemscope=&quot;&quot; itemtype=&quot;https://schema.org/WPHeader&quot;&gt;
&lt;div id=&quot;header-in&quot; class=&quot;header-in wrap cf&quot; itemscope=&quot;&quot; itemtype=&quot;https://schema.org/WebSite&quot;&gt;
&lt;div class=&quot;tagline&quot; itemprop=&quot;alternativeHeadline&quot;&gt;SEO・高速化・モバイル最適化済みの無料WordPressテーマ&lt;/div&gt;
&lt;div class=&quot;logo logo-header logo-image&quot;&gt;&lt;a href=&quot;https://wp-cocoon.com&quot; class=&quot;site-name site-name-text-link&quot; itemprop=&quot;url&quot;&gt;
&lt;span class=&quot;site-name-text&quot; itemprop=&quot;name about&quot;&gt;&lt;img src=&quot;https://wp-cocoon.com/wp-content/uploads/2018/02/Cocoon-logo-sq-200.png&quot; alt=&quot;Cocoon&quot;&gt;&lt;/span&gt;
&lt;/a&gt;～略～

スマホのスマホ表示ロゴサイズ変更したい件（自分メモ＾＾；）
優先順位のときは、.site-nameを強いものにしてあげます。以下は弱い順

.site-name img

#header-in .site-name

#header #header-in .site-name

#header-container #header #header-in .site-name

それでも!importantをつけても反映しないときは、CSS書きかたの問題になりそうです。

スマホビュー用のメディアクエリ内に書けば幅の狭いスマホのみで反映されます。
頑張ってくださいね❦</pre>