バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > スマホのハンバーガーメニューをアイコンに変えたい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
susumu
投稿日時: 2019/4/29 13:45
対応状況: −−−
半人前
登録日: 2018/12/17
居住地:
投稿: 22
スマホのハンバーガーメニューをアイコンに変えたい
EC-CEBE4.1でサイト制作中です。
スマホサイトの左上に出る3本線のハンバーガーメニューを自作のアイコンと入れ替えたいのですがどのようにしたら良いのでしょうか?
umebius
投稿日時: 2019/4/29 13:52
対応状況: −−−
登録日: 2016/7/22
居住地: 東京日本橋
投稿: 1296
Re: スマホのハンバーガーメニューをアイコンに変えたい
ファイルをコピー
src/Eccube/Resource/template/default/Block/nav_sp.twig

app/template/default/Block/nav_sp.twig


コピー先のファイルで<i class="fas fa-bars"></i> の部分がアイコンなので
自作のものに置き換え、というイメージになります。


----------------
EC-CUBE3系4系 カスタマイズ ECのプロがシステム特急案件承ります。
公式インテグレートパートナー (株)U-Mebius

susumu
投稿日時: 2019/4/29 18:01
対応状況: −−−
半人前
登録日: 2018/12/17
居住地:
投稿: 22
Re: スマホのハンバーガーメニューをアイコンに変えたい
おお、ありがとうございます。
susumu
投稿日時: 2019/4/30 19:53
対応状況: −−−
半人前
登録日: 2018/12/17
居住地:
投稿: 22
Re: スマホのハンバーガーメニューをアイコンに変えたい
先日はありがとうございました。
ちなみに、表示されるアイコンのサイズはどこで指定しているのでしょうか?
umebius
投稿日時: 2019/4/30 20:44
対応状況: −−−
登録日: 2016/7/22
居住地: 東京日本橋
投稿: 1296
Re: スマホのハンバーガーメニューをアイコンに変えたい
html/template/default/assets/css/style.cssで、
.ec-headerNavSPのfont-sizeがアイコンのサイズになります。

コンパイル元は下記です。
html/template/default/assets/scss/project/_11.2.header.scss
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


ec-cube.co

統計情報

総メンバー数は45,179名です
総投稿数は91,762件です

投稿数ランキング

1
seasoft
7332
2
AMUAMU
2712
3
nanasess
1894
4
468
1746
5
yuh
1584
6
umebius
1296
7
red
1281
8
fukap
907
9
tsuji
837
10
shutta
827
11 ramrun 789
12
tao_s
750
13
h_tanaka
730
14 karin 656
15 sumida 641
16
homan
633
17 DELIGHT 571
18
patapata
502
19
flealog
483
20 tonton 436


ネットショップの壺

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

Copyright© LOCKON CO.,LTD. All Rights Reserved.