バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
susumu
投稿日時: 2019/4/29 13:45
対応状況: −−−
常連
登録日: 2018/12/17
居住地:
投稿: 31
スマホのハンバーガーメニューをアイコンに変えたい
EC-CEBE4.1でサイト制作中です。
スマホサイトの左上に出る3本線のハンバーガーメニューを自作のアイコンと入れ替えたいのですがどのようにしたら良いのでしょうか?
umebius
投稿日時: 2019/4/29 13:52
対応状況: −−−
登録日: 2016/7/22
居住地: 東京日本橋
投稿: 1588
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のプロがシステム特急案件承ります。
公式インテグレートパートナー リモートで働くエンジニア募集中

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

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


 



ログイン


EC-CUBEペイメント

公式ストアEC-CUBE4系デザインテンプレート続々リリース中

統計情報

総メンバー数は62,631名です
総投稿数は96,399件です

投稿数ランキング

1
seasoft
7332
2
AMUAMU
2712
3
468
2346
4
nanasess
2044
5
yuh
1612
6
umebius
1588
7
red
1404
8
h_tanaka
1014
9
fukap
907
10
tsuji
863
11
shutta
835
12
tao_s
792
13 ramrun 789
14 karin 656
15 sumida 641
16
homan
633
17 DELIGHT 571
18
patapata
502
19
flealog
485
20 tonton 437


ネットショップの壺

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

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