[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

Support My Work

If you enjoy my content, consider buying me a coffee or shopping through my Rakuten link to support me!

Victor

Founder of WPUtopia.com🕵️I would appreciate it if you could leave me a comment!

Send Message

Chat with me

Start a Conversation

Hi! Let's connect on your preferred platform.