バージョン選択

フォーラム

メニュー

オンライン状況

45 人のユーザが現在オンラインです。 (36 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 45
もっと...

サイト内検索

質問 > フロント機能 > ヘッダー内 カテゴリ リストの表示位置

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
timit
投稿日時: 2019/8/4 20:15
対応状況: −−−
常連
登録日: 2017/2/28
居住地:
投稿: 31
ヘッダー内 カテゴリ リストの表示位置
子カテゴリのリストが 親カテゴリの 左に寄って表示されますが
中央合わせで 表示させるにはどうしたらよいのか
お分かりの方がいらしたら ご教示ください。

デフォルトテンプレートだと下のように表示される。

インテリア   |キッチンツール|  新入荷
        |調理器具       |
        |食器        >|

下ように表示したい。

インテリア   |キッチンツール|  新入荷
      |調理器具       |
      |食器        >|

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

EC CUBE 3.0.17
kazumi
投稿日時: 2019/8/5 13:29
対応状況: −−−
常連
登録日: 2019/4/15
居住地:
投稿: 45
Re: ヘッダー内 カテゴリ リストの表示位置
@ timitさん

cssの調整を行えば可能かと思います。
「html/template/default/css/style.css」の、3719行目あたりにある、「#header .category-nav li ul」の設定を以下のように変更すればご要望のような表示になりました。


#header .category-nav li ul {
    position: absolute;
    z-index: 100;
    top: 100%;
    left: -20%;
    width: 200px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}


Github
https://github.com/EC-CUBE/ec-cube/blob/002ad401b57218c6f0458507ab02110d33b97458/html/template/default/css/style.css#L3719
timit
投稿日時: 2019/8/5 16:42
対応状況: −−−
常連
登録日: 2017/2/28
居住地:
投稿: 31
Re: ヘッダー内 カテゴリ リストの表示位置
ありがとうございます!
個々でズレがでるようなので
nth-child()擬似クラス等とあわせるとうまくいけそうです。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,288名です
総投稿数は109,688件です

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1567
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.