How I can overlap my menu in my header picture. I want the menu can be seen on the header picture. This is the example like I want.

Thank you.

enter image description here

Example : enter image description here

  • You can use position:absolute css property for overlap menu. Oct 17, 2018 at 5:51
  • any possibility of getting its url?
    – John
    Oct 17, 2018 at 13:04
  • i think you are using elementor. For this just use global header with condition to all pages so it applies to all pages. and use margin bottom property with negative value of header. Also keep the header background transparent
    – Manjunath
    Oct 17, 2018 at 18:11

1 Answer 1


I just did this on one of my sites today. This is what i have done on css.

background-color: rgba(255, 255, 255, 0);

here change header-class and main-content-className with your theme class name and if necessary make it more margin on top until it will be on top. Hope it helps.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.