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 1 month ago.

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

    Cheri Dufresne
    Participant

    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: http://healingwithchristine.com/

    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 http://healingwithchristine.com/wp-content/themes/responsiveboat/style-hwc.css

    The rule is below:

    .menu-item.menu-item-type-post_type.menu-item-object-post {
       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

    Peter

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