サポート » テーマ » sydneyテーマについて

  • 解決済 lilly0831

    (@lilly0831)


    テーマsydneyシドニーを使用しております。
    一点皆様に質問がございます。

    ヘッダ―の種類を動画にしており、mp4をアップしております。
    ただ、スマホ(モバイル)表示の際は動画自体を非表示にさせたいのですが、どのような対処方法がございますでしょうか?

    ご教授の程お願いいたします。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • CG

    (@du-bist-der-lenz)

    PC、スマホを判断して、ヘッダー部分を隠すのが第一案としてあがります。

    munyagu

    (@munyagu)

    こんにちは

    以下URLなどを参考に、CSSでスマホのとき(例えば、幅が750px以下のとき)に非表示にすれば良いと思います。

    https://fastcoding.jp/blog/all/frontend/responsive_img/

    lilly0831

    (@lilly0831)

    CG様、munyagu様ありがとうございます。

    ただCSSでスマホの場合、動画を非表示するように指定してもなかなかうまくいきません。

    初歩的な事で申しわけありませんが、具体的なコードをご教授頂くことは出来ますでしょうか?

    CG

    (@du-bist-der-lenz)

    「動画を非表示するように指定してもなかなかうまくいきません。」とは、どのあたりで出来無いのでしょう。方策はいくつも考え得られますが、具体的なコードの教授は、Forumの場であり、わたしは個別応答にならない範疇に留めます。

    CG様 munyagu様

    cssを再度見直しましたところ、非表示にすることができました。
    誠にありがとうございました。

    こんにちは、

    初めての質問なんですね フォーラムで質問をする人の中には、目的のコードだけを欲しがる人がたまにいて、そういう人たちの多くが

    ただCSSでスマホの場合、動画を非表示するように指定してもなかなかうまくいきません。

    初歩的な事で申しわけありませんが、具体的なコードをご教授頂くことは出来ますでしょうか?

    具体的に、自分が試みた CSSの記述などを書かないケースがあります。
    答える立場では、なぜうまくいかなかったのか知ることが出来ずに、回答がしずらくなります。
    (うまくいかない理由は大抵たくさんあるので、)

    @lilly0831さんは、質問の仕方が不慣れなだけなんだと思いますが、回答者からうまく回答を引き出すためには、出来るだけ具体的に書いたほうが、回答が得られやすくなるので 気に留めておくといいと思います。

    カスタマイズの 追加CSSに以下を記述してみてください。

    このスタイルは、モバイル端末を識別しているわけではなく、ブラウザの幅によって、CSSを適用する、しない を分岐しているだけなので、PCでも800px以下になれば、非表示になります。

    
    @media screen and (max-width:800px){
    	#wp-custom-header .fluid-width-video-wrapper{
    		display:none;
    	}
    }
    

    と書いたら、あ、解決済み お粗末でした

    • この返信は1 週、 6 日前に  nobita さんが編集しました。
    • この返信は1 週、 6 日前に  nobita さんが編集しました。
    • この返信は1 週、 6 日前に  nobita さんが編集しました。

    nobita様

    ありがとうございます。
    こちらのフォーラム初めて投稿させて頂き、質問内容もおろそかでした。
    大変失礼いたしました。

    こちらのコードも大変参考になります。
    まだcssの勉強が必要のようです。ありがとうございました。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • このトピックに返信するにはログインが必要です。