2016-03-29 12 views
0

私はWordPressのテーマを購入し、このテーマに多くの変更を加え、新しいサイトを立ち上げる準備ができています。しかし、私が購入したテーマには、多くのデバイスでクリックできないモバイルメニューが搭載されていることが分かりました。問題は主にiPhoneにあるようですが、Androidの一部にも影響があると思われます。私のモバイルメニューは一部のデバイスではクリックできません

私は現在テーマ開発者が14日間問題を修正するのを待っていましたが、何も起こりません。誰かがエラーを発見できれば、それは非常に感謝しています。 (unclickable応答メニュー付き)

デモ:http://www.innwit.com/themes/ocean8/

+0

を使用することができますしかし、これでは、タップ・イベントを使用してカスタム・コードを実行する必要があります。代わりに、WordPressの対応メニュープラグインを使用することもできます。 https://wordpress.org/plugins/wp-responsive-menu/ –

答えて

0

これは、あなたが携帯電話用のスタイルシートを作成するために、メディアクエリを使用している必要がありますあなたのテーマのCSSのデフォルトの動作です。

いくつかのコード例を以下に示します。

@media only screen and (max-device-width: 480px) { 
     div#wrapper { 
      width: 400px; 
     } 

     div#header { 
      background-image: url(media-queries-phone.jpg); 
      height: 93px; 
      position: relative; 
     } 

     div#header h1 { 
      font-size: 140%; 
     } 

     #content { 
      float: none; 
      width: 100%; 
     } 

     #navigation { 
      float:none; 
      width: auto; 
     } 
    } 

また、あなたはjqueryのモバイルJSを使用する必要があり、その後、あなたはすべてのスマートフォンで動作するタップイベントを使用することができ、以下のプラグイン

  • WP応答メニュー
+0

あなたの答えをありがとう。しかし、私は理解しているか分からない。いくつかのデバイスで動作するテーマにはモバイルメニューが含まれています。次のスクリーンショットをご覧ください:http://imgur.com/t8kYQ7K 私が必要とするのは、このメニューをすべてのデバイスで機能させることです。 – Rhbphp

関連する問題