バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > ハンバーガーメニューの中身について

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
musuke
投稿日時: 2017/6/23 18:44
対応状況: 解決済
一人前
登録日: 2017/6/14
居住地:
投稿: 76
ハンバーガーメニューの中身について
初歩的な質問で申し訳ございません。
ヘッダーのメディアクエリのブレイクポイントを1050pxに変更したいと考えております。

ハンバーガーメニューとdrawerは1050pxで表示することができたのですが、中身のカテゴリーやログインボタンなどが750pxが基準になったままです。

こちらはどこで命令されているのでしょうか?
468
投稿日時: 2017/6/24 10:54
対応状況: −−−
登録日: 2008/10/26
居住地:
投稿: 3217
Re: ハンバーガーメニューの中身について
どういった状態なのか見えないのでよく分からないのですが、
drawerの中身(商品検索、ログイン、カテゴリ)の横幅がおかしいという事でしょうか?


----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
EC-CUBE3マニュアル
blog

musuke
投稿日時: 2017/6/24 14:14
対応状況: −−−
一人前
登録日: 2017/6/14
居住地:
投稿: 76
Re: ハンバーガーメニューの中身について
返信ありがとうございます。
drawerの中身(商品検索、ログイン、カテゴリ)がデフォルトのメディアクエリのブレイクポイントまで表示されない状態です。

1050pxからデフォルトの767pxまではハンバーガメニューをクリックしてもグレーの背景のみ表示されます。

よろしくお願い致します。
468
投稿日時: 2017/6/24 20:12
対応状況: −−−
登録日: 2008/10/26
居住地:
投稿: 3217
Re: ハンバーガーメニューの中身について
/html/template/default/css/style.css 3211行目に以下のような記述があり、
.sp{display: block !important;}
.pc{display: none !important;}
span.sp{display: inline !important;}


その上の3199行目に
@media only screen and (max-width: 767px) {

と書かれています。

ここのmax-widthで、drawer(正確にはclass="sp")の表示を制御していると思うのですが、如何でしょうか?


----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
EC-CUBE3マニュアル
blog

musuke
投稿日時: 2017/6/26 0:54
対応状況: −−−
一人前
登録日: 2017/6/14
居住地:
投稿: 76
Re: ハンバーガーメニューの中身について
ありがとうございます。
設定することができました。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1568
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.