Welcart VOLLトップページカテゴリ画像ズレについて

[dswdsw123456]

——————————————-
WordPress のバージョン：4.9.6–ja
Welcart のバージョン：1.9.10

ご利用のテーマ：Welcart VOLL 1.0.2

ブラウザ/OS：safari/mac10.13
——————————————–

テーマ：Welcart VOLL 1.0.2
についてご質問いたします。

トップページの
カテゴリー 一覧画像が

ブラウザのサイズによって、
マウスhover時に
高さが変わり、ずれてしまいます。
（参考：添付ファイル）

macのsafariでこの状態が起こるようです。
chrome・Firefoxでは問題ありませんでした。

修正する方法をお教えください。

[dswdsw123456]

画像ファイルサイズエラーのため
もう一度画像をお送りいたします。

Attachments:

You must be logged in to view attached files.

[ohnishi]

こんにちは

お使いのテーマ内（welcart_basic-voll）の
style.css 70行目あたりに以下を追記してみてはいかがでしょうか。

img {
	max-width: 100%;
	height: auto;
	-webkit-transition: none;
}

※「-webkit-transition: none;」を追記してみてください。

[dswdsw123456]

ありがとうございます。

お教えいただいた方法を試したのですが
改善しませんでした。

代わりに、

img { width:100%; }

を加えると、ズレが発生しないようです。
この追加による他への問題はありませんか？

その他、

style.css 2553行目の

.category-area a:hover img { width: 120%; }

も気になります。
こちらは機能していますか？

ご回答よろしくお願いいたします。

[welcart]

こんにちは

ご報告ありがとうございます。

dswdsw123456 様の仰るとおり、
.category-area a:hover img { width: 120%; }
が問題となっております。

次期バージョンにて修正させていただきますので、
style.css 2553行目の
.category-area a:hover img に適用されている「width: 120%;」を削除いただければと思います。

[dswdsw123456]

お教えいただいた方法で、
問題ないようです。

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

[投稿者]

投稿