トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
Topic starter
フルワイドブロックで画像を固定背景にするとPCでは背景が固定されるのですが、スマホでは背景が固定されません。
カバーブロックで固定背景にするとスマホでもしっかり背景が固定されます。
こちらアンドロイド2機種、ブラウザはクローム、ファイヤーフォックスで確認しました。
フルワイドブロックを使用してスマホで見た時に背景を固定したいのですが、ご教示いただると助かります<(_ _)>
確認項目
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.6.4.2
利用中のPHPバージョン
7.4.29
OS
android
利用中のWordPressバージョン
6
ブラウザ
クローム、ファイヤーフォックス
利用中のプラグイン一覧
Contact Form 7
EWWW Image Optimizer
SEO SIMPLE PACK
Blocks Animation: CSS Animations for Gutenberg Blocks
This topic was modified 2年前 by shintan
投稿済 : 12/06/2022 2:11 am
そちらは仕様で、固定背景はPCのみです😊
マニュアルページを引用します。
「固定背景」をオンにした時は「background-attachment: fixed;」というスタイルが付与されますが、これはiOS Safariでは動作しないため、PCサイズでのみ付与されるようになっています。
マニュアルページ：【SWELL専用ブロック】フルワイドブロックの使い方
SWELLを中心としたCSSカスタマイズのメモブログをゆるゆると運営しています
https://misaki-web.com
投稿済 : 12/06/2022 4:20 pm
Topic starter
今回アンドロイドで確認できたためご質問させていただきました。
過去のトピックにてiOSでは動作しないとのこと確認済みです。
アンドロイドのクローム、ファイヤーフォックス環境でも動作しないという認識でいいのでしょうか…。
投稿済 : 12/06/2022 7:58 pm
スマホでは該当のCSSを付与しない・PCのみ該当のCSSを付与している、と言う認識だと思います😊
SWELLを中心としたCSSカスタマイズのメモブログをゆるゆると運営しています
https://misaki-web.com
投稿済 : 13/06/2022 12:19 pm
了 reacted
Topic starter
やはりアンドロイドであっても適用されないのですね…。
ご回答ありがとうございました<(_ _)>
投稿済 : 13/06/2022 3:19 pm
フルワイドブロックでは難しいですが、カバーブロックで代替えできるようでしたら、簡単なCSSを追加するだけで、iOSでも背景が固定できます。
https://twitter.com/yamowo_claude/status/1773649887214911790
解決済みでしたらすみません。
SWELLでニッチなカスタマイズして遊んでます #ヤモヲのひとりあそび
投稿済 : 29/03/2024 7:35 pm