By using’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Unofficial Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor

    Join us!
elementor official

Need to have logo overlap the menu area



New Member
Hello! First post here

I am new to Elementor. I setup a header for the navigation. I want to have the logo overlap the slider area below. Whenever I add padding or margins it just makes the header area larger. I want to constrain the menu box but have the logo extend over.

Sort of like this(attached)


  • Screen Shot 2019-08-04 at 10.08.27 am.png
    Screen Shot 2019-08-04 at 10.08.27 am.png
    226.2 KB · Views: 346


New Member
I did this in a couple of minutes using EM Pro due to the custom css option. I'll provide my example using EM Pro.

Added a section height to the selector of say 50px.

selector {
    height: 50px;

For the logo element, I gave this a z-index of 1.

Have to have a play around and add media queries as needed.


Latest posts

Latest Resources

Other Elementor Resources

elementor official