Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
スマホで表示した際のメインビジュアルの...
 
通知
すべてクリア

スマホで表示した際のメインビジュアルの長さが少し短い

4 投稿
4 ユーザー
0 Likes
129 表示
hirrrose
(@hirrrose)
投稿: 9
メンバー
Topic starter
 

PCで閲覧する際は、メインビジュアルが画面いっぱいにフィットしているのですが、スマホで観ると長さが少し短いです。

固定ページのCSSを全て削除してみましたが、変わりません。

何が原因かもしお分かりであれば教えていただけると幸いです。

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです, サポート範囲外だということを理解しているが助けが欲しい(有料サポートしてくれる方を探したい)
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.13.0
利用中のWordPressバージョン
6.7.1
利用中のプラグイン一覧

Blocks Animation: CSS Animations for Gutenberg Blocks
SEO SIMPLE PACK

 
投稿済 : 28/12/2024 12:48 pm
skillsharejp
(@skillsharejp)
投稿: 1176
SWELL高速化顧問
 

カスタムCSSなど過去にCSSを編集したり、CSSに影響あるプラグインがある場合は停止などをして検証してみてください。

SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。

ご依頼のご相談・お問い合わせ窓口
https://kanripress.ne.jp/contact/
WordPress保守管理・セキュリティ対策
https://kanripress.ne.jp/wordpress-maintenance/

 
投稿済 : 28/12/2024 5:30 pm
サブロ
(@windorz)
投稿: 166
メンバー
 

メインビジュアルの高さはあっており、後続の要素の位置が上がってきているようです。

その位置を調整されたらすべて表示されると思います。

 
投稿済 : 31/12/2024 6:05 pm
His-
 His-
(@his)
投稿: 70
メンバー
 

あ、なるほど。

SWELLでは、セクションブロックが連続している場合には、セクション間の余白を詰めるために下のセクションが上にずれるCSS設計になっています。

そのため、上のセクションをSP非表示にしたとしても、下のセクションが上に上がってきてしまい、今回のような現象が起こります。

セクションの余白量が個別設定されている場合は、下のずれはリセットされますので、上のセクションの「ブロック下の余白量」を0にするとうまくいきます。

 

お問い合わせ先▶︎https://blog-mi.com/contact/

 
投稿済 : 01/01/2025 9:10 am
共有: