バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

フロント機能

新規スレッドを追加する

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

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

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

下ように表示したい。

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

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

EC CUBE 3.0.17
kazumi
投稿日時: 2019/8/5 13:29
対応状況: −−−
常連
登録日: 2019/4/15
居住地:
投稿: 36
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
居住地:
投稿: 22
Re: ヘッダー内 カテゴリ リストの表示位置
ありがとうございます!
個々でズレがでるようなので
nth-child()擬似クラス等とあわせるとうまくいけそうです。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBEペイメント

ec-cube.co

統計情報

総メンバー数は49,611名です
総投稿数は93,193件です

投稿数ランキング

1
seasoft
7332
2
AMUAMU
2712
3
nanasess
1968
4
468
1818
5
yuh
1602
6
red
1343
7
umebius
1296
8
fukap
907
9
h_tanaka
907
10
tsuji
856
11
shutta
835
12 ramrun 789
13
tao_s
774
14 karin 656
15 sumida 641
16
homan
633
17 DELIGHT 571
18
patapata
502
19
flealog
483
20 tonton 436


ネットショップの壺

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

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