トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
トピックスターター
ロゴを追従ヘッダー用とメイン画面用と別々のものを表示したい。もしくは、追従ヘッダー用のロゴは非表示にしたいです。追従ヘッダーは、PC表示においてブラウザの幅（コンテンツの幅）を小さくしていくと、途中からモバイル用に表示が切り替わるのですが、切り替わる手前までのコンテンツ幅だと、ロゴが小さくなりすぎて不自然な感じだとクライアントから指摘がありました。そのために、追従ヘッダー内のロゴ画像をコントロールできればと思った次第です。
cssでとコンテンツ幅の範囲を決めて、その間はvisibility: hidden; にしてみたのですが、cssが有効に働いてくれなかったです。
/* ロゴが小さくなって不自然な対応 */
@media screen and (min-width: 640px) and (max-width: 1080px) {
.c-headLogo__link {
visibility: hidden; /* 要素を非表示にする */
}
}
上記CSSが間違っているのか、もしくは別の手だてで追従ヘッダー内のロゴをコントロールできるやり方があるのか誰か教えてほしいです。
確認項目
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.16
利用中のWordPressバージョン
6.9.1
利用中のプラグイン一覧
WPForms Lite
WP Multibyte Patch
Secure Custom Fields
Regenerate Thumbnails
LIQUID TOOLS
LIQUID BLOCKS
ImageMagick エンジン
Flexible Table Block
Disable Google Fonts
Content Views Pro
Content Views
Contact Form 7
Code Snippets
Buttonizer - Smart Floating & Sticky Buttons
Autoptimize
All-In-One Security (AIOS)
投稿済 : 24/02/2026 8:39 am