I'm using the Avada theme and when i recently did an update, my sub-menu did something weird.

Take a look at my website. check the secondary navigation ( The one in the light blue that holds the links to "Justice Peace & Integrity", "Congregation Leadership", and "International Committees" ).

The first link (Justice, Peace, ...) actually has two pages underneath it so when you hover over the link, you should see the two pages but instead you can only see the top of one link.

I applied position:relative to the sub-menu class and that made my drop downs appear but it also expanded the background which doesn't look good.

Any suggestions on what I could do? I feel like I'm missing something simple.

1 Answer 1


There is an overflow issue with your menu items. To solve it, head over to Appearance > Customize and add this piece of CSS to your custom CSS:


This will allow your submenu to overlap the DIV while hovered.

  • You're the real MVP!!! That did the trick. Thank you!
    – Kizzie
    Jun 6, 2017 at 16:12
  • @Kizzie No problem mate. Happy to hear it worked for you.
    – Johansson
    Jun 6, 2017 at 22:50

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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