[ 解決済 ] 上部メニューの表示が崩れる

このトピックには2件の返信、3人の参加者があり、最後にうなこにより1ヶ月、 1週前に更新されました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

投稿者

投稿
2024年10月15日 10:06 AM #102037

gaucho3669
参加者

■ WordPress のバージョン
6.6.2

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
15.26.24

■ Pro Unit のバージョン
0.27.1

■ スキンの種類
Evergreen

■ スキンのバージョン
0.2.5

■ 期待する動作
他のページ同様にメニューが崩れない

■ 自分で試した事
リカバリー

■ 症状が発生するブラウザ
Google Chrome

■ 実際の症状
オレンジフォームというサービスでフォームのHTML編集でコピペしました。そうすると上部メニューが崩れたのですが何が原因なのでしょうか？

該当URL : https://*********
※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

2024年10月15日 10:53 AM #102040

石川＠Vektor,Inc.
キーマスター
制作実績

おそらく該当のフォームが https://mdbootstrap.com/ を読み込んでいて、そのデザイン指定が Lightning のCSSに干渉するために発生してるようです。

2024年10月15日 11:13 AM #102041
うなこ
モデレーター
石川さんのおっしゃるようにオレンジフォーム側とテーマ側のCSSが干渉しているようですので、CSSで指定を強めに書くと調整できるかとは思います。

例えば【カスタマイズ】>【追加CSS】などに以下のように書くと、テーマ側のcssが強くなります
```
.site-header-logo img {
    max-height: 50px !important;
}
```
CSSにつきましては以下がわかりやすいと思いますので、よろしければご確認ください。

できる！CSSカスタマイズ
投稿者

投稿