フォーラムへの返信
-
投稿者投稿
-
なぜオーバーレイに設定しているかというと背景透過の透明オーバーレイにしたいからです。
ですので、オーバーレイで使っています。PCサイズではヘッダーの背景も透明になり、スクロールすればメニューだけのシンプルな表示になるのが気に入っています。
▽PCヘッダー
▽PCヘッダースクロール
PCではこの表示でよいのです。
問題はスマホサイズの表示にした時にスクロールしたら流れていってしまう。▽スマホサイズ表示
▽スマホサイズ表示スクロール
キタジマサンのおっしゃる通り、スマホの問題は解決するのですが、オーバーレイ(上部固定)にしてしまうと今度は、PCでの表示で、メニューだけのシンプル表示が出なくなってしまうのです。
▽これも出したい
PCでのオーバーレイ(スクロール時の縮小メニュー)とスマホ上でのオーバーレイ(上部固定)両方活かせる方法はないものでしょうか?
♥ 0いいねをした人: 居ません助かりました!
思い通りの結果となりましたので閉じさせていただきます!
本当にありがとうございます!♥ 0いいねをした人: 居ません早速対応ありがとうございました。
とても嬉しいです!更にもう一点お伺いしたいのですが、
「スマホ/タブレット」のヘッダーを『オーバーレイ(上部固定 / スクロール時背景白)』に設定しているのですが、このスクロール時背景白を半透明の白にしたいのですが、追加CSSでのどの様に記述すればいいか教えてください。
よろしくお願いいたします♥ 0いいねをした人: 居ませんありがとうございます。
オーバーレイ(上部固定)にすれば、スマホサイズでスクロールをすると、
ヘッダー固定は固定になりますが、オーバーレイ(上部固定)ではなくオーバーレイを使っていたのは、
PCでスクロールさせた時に、シンプルなメニューだけの表示が上部からドロップダウンしてくると思います。▽オーバーレイ表示
▽オーバーレイスクロールするとドロップダウンでシンプルなメニュー
この表示がとても気に入っていたのでオーバーレイに設定していました。
PCではこの表示を生かしたまま、
スマホサイズでは、(オーバーレイ固定表示)にできないものでしょうか?もしくは、これはカスタマイズに関する質問というよりも、要望になるかもしれませんが、
PCとタブレット、スマホでヘッダーのデザインカスタマイズを切り替えれたらとても助かります。よろしくお願いいたします。
♥ 0いいねをした人: 居ませんスノーモンキー のバージョンは9です。
♥ 0いいねをした人: 居ませんありがとうございます。
見落としてました。
オーバーレイである必要がないのに、オーバーレイになっていましたね。
固定にしたら解決しました。
お手数おかけして申し訳ございません。ありがとうございました。♥ 0いいねをした人: 居ません【追記】
iPhone 11などのブラウザで見ると隠れる感じですね。
PCでは問題ありませんでした。
iPadも問題ありませんでした。iPhone Xや11などの場合に生じている可能性があります。
♥ 0いいねをした人: 居ません確認いたしました!早速使わせていただきました。
ありがとうございます。機能が実装されたのでトピック閉じさせていただきますね!
またよろしくお願いいたします。♥ 0いいねをした人: 居ませんありがとうございます!
無事思い通りのヘッダー画像が表示できるようになりました!
とても嬉しく思います。問題が解決されましたので閉じさせていただきます。
♥ 0いいねをした人: 居ません【追記】
タグやカテゴリーページは、WooCommerceで使用する、オンラインストア内のタグやカテゴリーとなります。
よろしくお願いいたします。♥ 0いいねをした人: 居ませんありがとうございます。
お陰様できちんとオンラインストアとわかるヘッダー画像を設定できそうで嬉しいです。
ページの違いを視覚的にしかも派手にできるのはとてもいいですね。
phpがまるでわからないのでとても助かります。ありがとうございました。
ただ数カ所反映できないページがございます。
- shopの固定ページ
- アイキャッチが指定できないページ
一つ目は、shopの固定ページが反映できませんでした。
二つ目はタグやカテゴリーなど、独自のアイキャッチ画像が設定できない場合はページ全体のデフォルトアイキャッチ画像が反映されてしまいます。
こちらの場合は、そもそも設定できないので仕方がないですが、できればshopの固定ページで設定したアイキャッチ画像を表示できればいいなと思うのですが可能でしょうか?
以下に参考URLを送ります。
-
-
-
-
-
-
-
OK→ https://tarcoon.me/checkout/
どうぞよろしくお願いいたします。
♥ 0いいねをした人: 居ませんありがとうございます!
お陰様で、レイアウトも整いメニューが見えるようになりました。ところで、デフォルトページヘッダー画像が表示されるようになりましたが、各ページでアイキャッチ画像が指定されているページの場合は、アイキャッチ画像をヘッダーとして表示する設定にすることは可能でしょうか?
♥ 0いいねをした人: 居ませんありがとうございます!できました。
閉じさせていただきます。
♥ 0いいねをした人: 居ませんありがとうございます^^
♥ 0いいねをした人: 居ませんv5.0.9 にアップデートして、無事に透明になりました!!!ありがとうございます。
ちなみに、スクロールしたときにでてくるメニューは「ヘッダー位置設定をモバイルのみに適用」にチェックを入れた時ないと表示されません。
チェックを外している状態だと、メニューがそのまま表示されます。
個人的にはこの状態でも構わないのですが、仕様としてはどちらが正しいのか気になったもので報告させていただきました。
♥ 0いいねをした人: 居ません -
投稿者投稿