<?xml version="1.0" encoding="UTF-8"?>        <rss version="2.0"
             xmlns:atom="http://www.w3.org/2005/Atom"
             xmlns:dc="http://purl.org/dc/elements/1.1/"
             xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
             xmlns:admin="http://webns.net/mvcb/"
             xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
             xmlns:content="http://purl.org/rss/1.0/modules/content/">
        <channel>
            <title>
									ヘッダーの高さ調整ができない - スキンの不具合				            </title>
            <link>https://wp-cocoon.com/community/skin-bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ae%e9%ab%98%e3%81%95%e8%aa%bf%e6%95%b4%e3%81%8c%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84/</link>
            <description>Cocoon ディスカッション掲示板</description>
            <language>ja</language>
            <lastBuildDate>Fri, 07 Aug 2026 10:32:40 +0000</lastBuildDate>
            <generator>wpForo</generator>
            <ttl>60</ttl>
							                    <item>
                        <title>RE: ヘッダーの高さ調整ができない</title>
                        <link>https://wp-cocoon.com/community/skin-bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ae%e9%ab%98%e3%81%95%e8%aa%bf%e6%95%b4%e3%81%8c%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84/#post-66744</link>
                        <pubDate>Thu, 01 Dec 2022 03:42:29 +0000</pubDate>
                        <description><![CDATA[●原因ご自身で子テーマCSSにヘッダー高さを指定しています。
.header div.header-in {
  min-height: calc( ( 100vw - var( --scrollbar-width, 17px)) * 665 / 1920);
}
●対策子テーマCSSから上記を削除して下さい。
●補足以下を参考にされたのでは？
ヘッダー画像の比率を...]]></description>
                        <content:encoded><![CDATA[<p><strong>●原因</strong><br />ご自身で<span style="color: #ff0000">子テーマCSSにヘッダー高さを指定</span>しています。</p>
<pre contenteditable="false">.header div.header-in {
  min-height: calc( ( 100vw - var( --scrollbar-width, 17px)) * 665 / 1920);
}</pre>
<p><strong>●対策<br /></strong>子テーマCSSから上記を削除して下さい。</p>
<p><strong>●補足<br /></strong>以下を参考にされたのでは？</p>
<p><a href="https://seous.info/wp-customize/7669" target="_blank" rel="noopener">https://seous.info/wp-customize/7669</a><strong><br /></strong></p>
<p>ヘッダー画像の比率を保持し、画面幅いっぱいにヘッダー画像を表示させる。<br />幅1920px、高さ665pxの比率を保持し、min-heightを決めています。</p>
<p>vw単位は垂直スクロールバーの幅を含む。<br />画面幅からその分引き、比率から高さを求めている。<br />尚、 --scrollbar-widthが未定義なので、垂直スクロールバー幅は17pxとなる。</p>
<p><strong>単なるコピペ</strong>でなくCSSの意味を先ず理解しましょう。</p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/skin-bugs/">スキンの不具合</category>                        <dc:creator>大門未知子</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/skin-bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ae%e9%ab%98%e3%81%95%e8%aa%bf%e6%95%b4%e3%81%8c%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84/#post-66744</guid>
                    </item>
				                    <item>
                        <title>ヘッダーの高さ調整ができない</title>
                        <link>https://wp-cocoon.com/community/skin-bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ae%e9%ab%98%e3%81%95%e8%aa%bf%e6%95%b4%e3%81%8c%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84/#post-66743</link>
                        <pubDate>Thu, 01 Dec 2022 03:26:58 +0000</pubDate>
                        <description><![CDATA[不具合・カスタマイズ対象ページのURL
相談内容：ヘッダーの高さが調整できずにこまっています。　　　　　ヘッダーをもっと狭く表示したいのですが、cocoon設定からは反映されず、CSSの添付なども試みましたが解決できませんでした。
 
不具合の発生手順：設定を色々と工夫していた時に、ヘッダーの変更ができなくなってしまった。
解決のために試したこと：CSSの添付、プラグイン...]]></description>
                        <content:encoded><![CDATA[<p>不具合・カスタマイズ対象ページのURL：https://soremoiiyan.com/</p>
<p>相談内容：ヘッダーの高さが調整できずにこまっています。<br />　　　　　ヘッダーをもっと狭く表示したいのですが、cocoon設定からは反映されず、CSSの添付なども試みましたが解決できませんでした。</p>
<p> </p>
<p>不具合の発生手順：設定を色々と工夫していた時に、ヘッダーの変更ができなくなってしまった。</p>
<p>解決のために試したこと：CSSの添付、プラグイン無効化、高速化の停止</p>
<p>※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。<br />※高速化設定をしている場合は無効にしてください。<br />環境情報：</p>
<pre contenteditable="false">----------------------------------------------
サイト名：Look ahead
サイトURL：https://soremoiiyan.com
ホームURL：https://soremoiiyan.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/monochrome/style.css
WordPressバージョン：6.1.1
PHPバージョン：7.4.33
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36 Edg/107.0.1418.62
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en;q=0.9,en-GB;q=0.8,en-US;q=0.7
----------------------------------------------
テーマ名：Cocoon
バージョン：2.5.0
カテゴリ数：20
タグ数：6
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：987バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：1
----------------------------------------------
利用中のプラグイン：
AdSense Integration WP QUADS 2.0.64.1
----------------------------------------------</pre>
<p>※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。</p>]]></content:encoded>
						                            <category domain="https://wp-cocoon.com/community/skin-bugs/">スキンの不具合</category>                        <dc:creator>sunsunsunpo</dc:creator>
                        <guid isPermaLink="true">https://wp-cocoon.com/community/skin-bugs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%81%ae%e9%ab%98%e3%81%95%e8%aa%bf%e6%95%b4%e3%81%8c%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84/#post-66743</guid>
                    </item>
							        </channel>
        </rss>
		