Cocoonフォーラム

2018-02-102023-01-25

書き込みの前に以下の3点をご確認ください。

1つのトピックにつき1つの質問を書き込んでください
不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください
該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL：

相談内容：

不具合の発生手順：

解決のために試したこと：

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

共有:

通知

すべてクリア

[解決済] モバイル表示時のヘッダーロゴが縦に伸びない

CSSカスタマイズ相談

最新の投稿 : iron 9か月前

3 投稿

2 ユーザー

2 Likes

309 表示

RSS

iron

(@iron)

New Member Registered

結合: 9か月前

投稿: 2

Topic starter 2023-08-16 01:48

不具合・カスタマイズ対象ページのURL： https://syomin-moneyblog.com/

相談内容：モバイル表示時のヘッダーロゴを縦方向に大きくすることができない。

不具合の発生手順（解決のために試したこと）：モバイル表示時のヘッダーロゴを大きくしようと思い、ヘッダーモバイルボタンのエリアの高さを高くしました。

それに伴いヘッダーロゴも拡大しようと、下記のCSSを試行錯誤しながら追加しましたが、縦幅を大きくすることができませんでした。横幅はMAXまで大きくすることはできましたが、縦は大きくならず横に伸びる形になりました。（画像参照）

@media screen and (max-width: 480px){
.logo-menu-button img {
width: 〇px;
height:　〇px;
　　max-height: none;
margin: 〇px auto 0;

}

よろしくお願いいたします。

環境情報:

ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：1
----------------------------------------------
利用中のプラグイン：
Akismet Anti-Spam: Spam Protection 5.2
ConoHa WING コントロールパネルプラグイン 1.1
ConoHa WING 自動キャッシュクリア 1.0.0
EWWW Image Optimizer 7.2.0
Rinker 1.10.2
SiteGuard WP Plugin 1.7.5
Site Kit by Google 1.107.0
TypeSquare Webfonts for ConoHa 2.0.4
WP Multibyte Patch 2.9
XML Sitemap Generator for Google 4.1.13
----------------------------------------------