サイト内検索
ロゴ2つのサイズ変更 | CSSカスタマイズ相談 | Cocoon フォーラム

Topic starter2022年5月30日 16:06
お世話になっております。
前回ロゴを2つ設置したい、との要望にお答えいただき誠に有難うございました。
自身では行き詰まっていたので、本当に助かりました。
前回の質問の後…その他、軽微な調整についてご相談したかったのですが、遅れてしまい新しくトピックスを立てた次第です。
大変申し訳ありません。
相談内容:ロゴの大きさを画像100%にしたい
試した事:flexを使用しているため、「display: flex;」等を入力してみましたが、うまくいきませんでした
画像のサイズ:2560×460(前回のロゴよりも大きいです)
/* ヘッダー */ .header-in { --logo-gap: 16px; flex-direction: row; flex-wrap: wrap; column-gap: var(--logo-gap); } .tagline { flex-basis: 100%; } .logo-header { display: flex; flex-basis: calc(50% - var(--logo-gap) / 2); } .logo-header.kids-logo { justify-content: flex-end; padding-right:16px; } /* ヘッダーモバイルボタン */ .mobile-header-menu-buttons { align-items: center; gap: 8px; } .mobile-header-menu-buttons .logo-menu-button { min-width: auto; } /* 検索アイコンを非表示にする */ .mobile-header-menu-buttons .search-menu-button { display: none; } /* 検索アイコンの非表示の時に子会社ロゴを右端に寄せる */ .mobile-header-menu-buttons .logo-kids-button img { margin: 0 0 0 auto; } /* フッターモバイルボタン */ .mblt-footer-mobile-buttons .mobile-footer-menu-buttons { justify-content: space-around; } .mobile-footer-menu-buttons .logo-kids-button { display: none; } .tagline{ font-weight: bold; }
上記が前回お教え頂いたコードになります。
私の理解が及ばず、何度もすみません。
よろしければ、お知恵をお貸し頂けると幸いです。
お手数ですがよろしくお願い致します。