[Elementor Help]Layout Overlap or Going Extra

"Layout Overlap or Going Extra," is a question raised by a WordPress Elementor plugin user. I will provide solutions here.

What's the problem?

Hi team, I am using Elementor along with the Vinkmag theme. After updating to the latest version of Elementor, I noticed that the layout is overlapping, making it difficult to scroll. Could you please help me fix this issue?

The page I need help with: https://www.theworkersrights.com/

saranrock
[Elementor Help]Layout Overlap or Going Extra

The problem is reproduced as above.

Code to solve "Layout Overlap or Going Extra"

Just add this CSS on your page and it will work:

.elementor-container .elementor-element-6a5548f {z-index: 999;} 

How to add additional CSS?

First, go to click on the "Customize" button in WordPress.

go to customize

Then click on "add additional CSS"

Add additional css

There you can add the code.

Copy the above code and paste it into the "Additional CSS" field and Don't forget to Publish!

publish new css

Please note that modifying the code requires caution. Always make a backup of your theme and site before making changes. The best way to check them is by testing them on the staging site(s) and if you have a third-party plugin, consider plugin conflicts as well.

What's If Nothing Happens with Elementor?

You can follow those step to fix this isse.

  • Deactivate Elementor and reactivate
  • Clean cache from your hosting file manager (wp-content>cache)
  • Goto Elementor > Tools > “Regenerate CSS & Data” and Save changes