デスクトップPCにおいてブラウザでアクセスの際、ブラウザの幅を拡げるとヘッダー画像の一部しか表示しなくなる

[MB]

——————————————-
WordPress のバージョン：４．８
Welcart のバージョン：１．９．２
Welcart専用の拡張プラグイン：使用なし
ご利用のテーマ：ＮＯＶＡ１．１．４
症状を確認したブラウザ：クローム 59.0.3071.109（Official Build） （64 ビット）
　　　　　　　　　　　　ＩＥ１１
サーバー：（会社名、サービス名）SixCore
SSLの利用：共有ＳＳＬ使用
——————————————–
テーマ：ＮＯＶＡ購入後ヘッダー画像をサイズ（２０００ｐｘ　×　８５０ｐｘ）で製作し
テーマカスタマイザーから登録し、反映状況はテーマカスタマイザー上は良好でしたが、
実際の「サイトを表示」からサイト表示を確認すると、２３インチワイドディズプレーの
画面いっぱいにサイトを表示した場合、ヘッダー画像の一部が欠けて表示されます。
ブラウザの幅を小さくすると欠けた部分が表示されます。
逆に、ブラウザの幅を拡大すればするほど、ヘッダー画像の表示領域が元の画像サイズの
一部しか表示されない現象が発生します。

ＮＯＶＡテーマのデモサイトでも同様の現象が確認できます。
ブラウザの幅を拡大すると、ヘッダー画像の女性の体の部分が欠け、顔のアップが表示
されるようになります。

ブラウザの幅がどんな状況でも、ヘッダー画像の表示が欠けないようにするには
どうしたらよろしいでしょうか。

※テーマ購入後、一定期間なら個別に問い合わせ可のようですが、専用フォームの
所在がわかりませんでしたので、こちらから質問させていただきました。

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

[welcart]

こんにちは

Welcart Nova のメイン画像では
スマホ表示との兼ね合いもあり、画像の高さの最大値（max-height）を指定し、
指定した高さを超えた場合に
はみ出した部分が非表示になるようCSSで制御しております。

メイン画像に適用されている「画像の高さの最大値」のスタイルを解除することで
上記内容が解消されるかと思われます。

お使いのテーマ内の

/welcart_basic-nova/css/home-parts.css/

にて、メイン画像の調整を行っておりますので、
上記スタイルシートを修正いただければと思います。

どうぞよろしくお願いいたします。

[MB]

/welcart_basic-nova/css/home-parts.css/
のどこの記述をどのようにすればよろしいですか？

具体的に明示をお願いします。

[welcart]

home-parts.css の「.main-slider」というセレクト値に
画像高さの最大値（max-height）を指定しているので、
そちらを削除いただければと思います。

[MB]

ありがとうございました。

[投稿者]

投稿