2017-01-10 14 views
1

現在開発中のhttp://six03.com/ARTというサイトで作業しています。私はと考えました私はモバイルで320x480モードに戻り、スライドアウトメニューのどのリンクもどのページでも、どの解像度でもテストしたモバイルデバイスでは動作しません。スライドアウトメニューのリンクが機能しない

私はjQueryの作業コピーに戻って戻ってきました。私は試しましたz-index:1;私はすべてのことができると思っていました。今私はここでいくつかの助けを求めています。

似たような問題があるかどうかを知るためにここでいくつかの調査を行います。あるいは、誰かがこれに類似したスレッドを知っていれば、その方向のポイントもまた高く評価されます。ありがとう。

+0

「動作しない」とはどういう意味ですか? – Punit

+0

何がありますか?コンソールにエラーがありますか?それは私のiPhone上で正常に動作します。 –

+0

navアイコンがモバイルでうまく見えます.cssで '@ media'をチェックしてください。 –

答えて

1

私は、メニューの「お客様の声明」と「連絡先」リンクのみがホームページ上で動作しないことを意味していると仮定します。

この場合、問題はjQueryとは関係ありません。

.region要素も配置されているため、メニュー上にレンダリングされます。 nav {z-index: 1}.region {z-index: 0}の場合は、とすると、他の配置されたコンテンツにメニューが表示されるため、問題が解決されます。

+0

スライドアウトメニューのリンク上でクリックできない領域があります。メニュー自体は、それが想定していたことをします。私はそれらの 'z-index'の修正を試して、動作するかどうかを確認します。 – six03

+0

これらの修正は機能しませんでした。私はスタイルシートのメディア・クエリーでもそれらをしました。 – six03

+0

ちょうど確認する - do ** **メニューの仕事のリンクの**?これはすべてのページやホームページだけに起こりますか? – Punit

0

私はメニューにある反復アイコンを取り除きました。私はそれを必要としませんでした。navコンテナにz-index: 1;を入れました。私も代わりfixedrelativemenu-iconの位置を変更し、それは私がでテストすることができた。

0

これは設計上の特徴でない限り、モバイルデバイスでの問題を修正し、ハンバーガーのアイコンが上にもはやありませんデスクトップブラウザーが狭い幅に拡大縮小されたときの主人公のイメージに残っています。

enter image description here

+0

共有いただきありがとうございます。それは世話をするでしょう。 – six03

関連する問題