How To Fix Horizontal Scrollbar on Mobile When Using Elementor?

Fix Overflow Issue By Adding CSS Code

There are two cases in which this method would help you more than using the Elementor options:

• You need to keep the overflow on the top and bottom of the section while hiding it on the sides to avoid horizontal scroll;
• You have too many elements with the overflow issue, and you need a solution that would apply to your whole website.

Please follow these steps to remove overflow using a custom code:

Step 1 – Navigate to Appearance > Customize > Additional CSS;

Step 2 – Add the following CSS code:

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

Step 3 – Click “Publish” to save changes.