商品詳細ページをipadなどのサイズ画面で見た時に、商品タイトルや価格の部分が隠れてしまうか、見えにくくなってしまいます。
(添付したURLでは見えなくなってしまいます。)
それを修正する為に、画面サイズごとにcssを修正しているのですが、.detail_body2に効いている margin-left: 500px;が消せません。design.cssに.detail_body2に対して、margin-left: none!important;を設定しても、c-item-detail.cssで設定されているmargin-left: 500pが効いてしまっている状態です。
.detail_body2のmargin-left: none;を設定する方法や、他に消す方法があれば教えて頂きたいです。
よろしくお願い致します。
こちらのスタイルで改善されます。
※noneではなく0。
@media only screen and (max-width: 967px)
.detail_body2 {
margin-left: 0!important;
}
一度お試し頂き、ご確認下さい。