CG
(@du-bist-der-lenz)
PC、スマホを判断して、ヘッダー部分を隠すのが第一案としてあがります。
こんにちは
以下URLなどを参考に、CSSでスマホのとき(例えば、幅が750px以下のとき)に非表示にすれば良いと思います。
https://fastcoding.jp/blog/all/frontend/responsive_img/
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;
}
}
と書いたら、あ、解決済み お粗末でした
nobita様
ありがとうございます。
こちらのフォーラム初めて投稿させて頂き、質問内容もおろそかでした。
大変失礼いたしました。
こちらのコードも大変参考になります。
まだcssの勉強が必要のようです。ありがとうございました。