ドロップメニューについて

Question

お世話になっております。

現在ヘッダーにドロップメニューを設置していますが、
オンマウスしたときに開かれるサブメニューの大きさがページによって異なります。

本来は商品ページでの表示が正しく、
トップページとカテゴリページではドロップダウンしたサブメニューが半分に切れています。
これを修正するにはどうしたらいいでしょうか。


また、トップページのカテゴリボタンの中に、茶色い線が入ってしまっています。
これも修正したいのですがどこをどのように修正すればいいかご教授頂ければと思います。

http://www.takasago-mejya.net/

Answer

ECマスターズの田辺です。

＞トップページのカテゴリボタンの中に、茶色い線が入ってしまっています。

カテゴリボタンを設定している記述の下にある
まもなく販売終了　【冬季限定商品】
がボタンの隙間から見えていて茶色い線のように表示されておりますので
こちらを非表示または削除していただきますようお願いいたします。


＞トップページとカテゴリページではドロップダウンしたサブメニューが半分に切れています。

こちらにつきましては、
週明けに状況を確認してご返信いたしますので、
今しばらくお待ちください。

Answer

ECマスターズの田中です。

大変お待たせいたしました。

＞トップページとカテゴリページではドロップダウンしたサブメニューが半分に切れています。

ソースを確認したところ、
トップページの「カテゴリ」部分にて、
２列のメニューを実現すべく、
直接タグでスタイルシートを記載されているのですが、

規則の内容が、ページ内の全てのulタグおよびliタグに適用されたため、
ドロップダウン後の表示が半分に切れておりました。

カテゴリ用のdivタグにclass属性を追記するなどして、
カテゴリ用のスタイルシートを、カテゴリ部分にだけ適用されるような規則に
ご変更いただきますようお願いいたします。

Answer

やってみます。
ありがとうございます！