独自ヘッダーのサブメニューの表示位置が右にずれる

Question

お世話になっております。

Yahooに独自ヘッダーを設けています。

header.htmlで作成しているのですが、
ブランドリスト以下のサブメニューが右にずれて
表示されて右側が一部表示されていません。

楽天でも同様に表示していて、こちらは
ずれていないのですが、対応方法をご教授
下さい。

よろしくお願いいたします。

Answer

ECマスターズの伊藤です。

> header.htmlで作成しているのですが、
> ブランドリスト以下のサブメニューが右にずれて
> 表示されて右側が一部表示されていません。

サブメニューを囲っている

【略】

にCSSで指定されている

left:0

にて、サブメニューの位置の指定がされていますが、
この位置を指定するための基準が
https://shopping.geocities.jp/【ショップID】/css/style2018.css
により、ブランドリストなどが記述されている
liとなっていました
↓↓↓
.headcat li {
    z-index:1000000;
    position: relative;
}

そのため、
position: relative;
を上記から削除していただきますよう、お願いいたします。
↓↓↓
.headcat li {
    z-index:1000000;
}

Answer

伊藤さん

無事に直りました。

ありがとうございました。

ついでにお聞きしたいのですが、ブランドリストなどを規定している
header.htmlを昨日の朝に更新したのですが、まだ反映されていない
ようです。

ヘッダー・フッターナビに入れているのですが、反映まで時間がかかる
のか、また別のところのファイルが有効になっているのでしょうか？

引き続きよろしくお願いします。

Answer

伊藤さん

自己レスですが、トップページはindex.htmで
作成されていることが分かりました。

無事に変更できましたので、解決とさせて
いただきます。

これでヘッダーもすっきりして、嬉しいです。

ありがとうございました。