Menu above built with this plugin including Mega Menu.

Main Menu item hides first Sub Menu item

This topic contains 1 reply, has 2 voices, and was last updated by  Peter Featherstone 6 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #50560 Reply

    Cheri Dufresne

    I’ve recently started working with a new client who’s website had the free version of your plugin installed. There was an issue with the mobile menu, so I updated the plugin and still had the issue.
    I then purchased a single site license and manually set up the menu to see if I could find the issue, but it still remains.

    Website is:

    When selecting “Services”, the sub-menu drops down as expected, but the background for “Contact” remains right below “Services” which covers the first item in the sub-menu (Chinese Herbal Medicine).

    The text for the “Contact” button appears below the last sub-menu item, over top of the “Search” field.

    I’ve looked at the CSS, but struggling to see what is causing the issue.

    If you have a moment to look and let me know if you can see the issue, I’d appreciate it!

    #50564 Reply

    Hey there,

    It’s caused by line 595 of this CSS file

    The rule is below: {
       float: left !important;

    As you can see this is forcing all menu items to float to the left which gives the surrounding sub menu no height and as such pushes the Contact link up.

    I hope that helps


Viewing 2 posts - 1 through 2 (of 2 total)
Reply To: Main Menu item hides first Sub Menu item
Your information:

<a href="" title="" rel="" target=""> <blockquote cite=""> <code> <pre> <em> <strong> <del datetime=""> <ul> <ol start=""> <li> <img src="" border="" alt="" height="" width="">

Responsive Menu Title Image
Responsive Menu
No coding knowledge needed