By using Elementorforum.com’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

creomedia

New Member
Likes
0
#1
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)
 
elementor official

Attachments

markdaps

New Member
Likes
0
#2
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.

CSS:
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.

logo-overlap.png
 
elementor official
elementor official