Skip to content Skip to sidebar Skip to footer

elementorを使ってて、画面の外に隙間ができるうざい現象を 強制的に解決する方法

Elementorで制作したサイトを実機に移してみたとき、左右に動いて隙間ができてしまうことがあります。多くの原因は、表示エリア外に目に見えるオブジェクトや目に見えない空白(パディングやマージン)がはみ出てしまっている点にあります。

目に見える時はその部分を消してあげれば良いのですが、やっかいなのが、目に見えない場合です。

そんな時の対処法をご紹介します。

まずは簡単にCSSを追加出来る箇所を探します。多くのテーマにはカスタマイズの中に「追加CSS」があるかと思います。カスタムの中に、「追加CSS」を選択し、下記コードをコピペで貼り付ければ・・・

html,body{
width:100%;
overflow-x:hidden;
}

 

左右のずれはなくなるはずです!

Leave a comment