ThemePalace: WordPress Themes & Plugins Forums Education Hub Pro Problems hovering over drop down menu

Tagged: 

This topic contains 10 replies, has 2 voices, and was last updated by  Gigi 1 month ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #35539

    Gigi
    Participant

    Recently installed the update to the Education Hub Pro theme. I’m having trouble with the drop-down menu. When I hover over the main menu, the drop-down appears, but once I try to hover over the drop-down it disappears. Several website users have already complained about the issue. Please advise.

    #35568

    Gigi
    Participant

    Website url is http://www.whedco.org

    #35608

    wensolutions
    Participant

    Hello @gigi,

    Please use below CSS to solve the issue of the drop down menu.

    For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.

    .main-navigation li:hover > ul {
        display: block;
    }

    Also from your site URL it seems that you have directly modify the themes original file . So please do make modification directly on the original file rather go through child theme approach in order to save the original modification.

    Hope this helps.

    If you have any issue further, feel free to post them.

    Best Regards!!

    #35772

    Gigi
    Participant

    Thanks for your feedback. Unfortunately, the issue hasn’t been resolved. The original theme already contained the CSS you suggested, although I went ahead and added it under Additional CSS again.

    Now the drop-down menu doesn’t even appear when I hover over the main menu.

    Here’s the full CSS:

    #main-nav {
    background-color: #294a70;
    border-bottom: 5px solid #f4a024;
    display: inline-block;
    float: left;
    width: 100%;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }

    .main-navigation ul {
    margin: 0;
    padding: 0;
    }

    .main-navigation ul ul {
    background: #294a70 none repeat scroll 0 0;
    box-shadow: 0 1px 2px;
    display: none;
    left: 0;
    margin: 0;
    min-width: 200px;
    position: absolute;
    top: 44px;
    z-index: 9999;
    }

    .main-navigation ul ul ul {
    left:100%;
    top: 0
    }

    .main-navigation li {
    position: relative;
    display: inline-block;
    margin-bottom:0;
    float: left;
    }

    .main-navigation li li {
    float: none;
    display: block;
    }

    .main-navigation li: hover > ul{
    display: block;
    }

    .main-navigation ul li a {
    color: #ffffff;
    border-right: 1px solid #fff;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 10px;
    position: relative;
    z-index: 99;

    Please advise!!!!

    #35832

    wensolutions
    Participant

    Hello @gigi,

    Please once try using below CSS in Admin Panel > Appearance > Customize > Additional CSS.

    .main-navigation li:hover > ul {
        display: block !important;
    }

    Hope this helps.

    If this does not solve the issue, please let us know and we will help you further .

    Best Regards!!

    #35861

    Gigi
    Participant

    Thanks for your reply. I added the additional CSS, but the problem persisted.

    The dropdown menu doesn’t even appear anymore when I hover over the main menu.

    Please see here: http://www.whedco.org

    #35863

    Gigi
    Participant

    Please advise: Problem not resolved. Menu now doesn’t drop down at all when I hover over it.

    ## Menus
    ————————————————————–*/

    #main-nav {
    background-color: #294a70;
    border-bottom: 5px solid #f4a024;
    display: inline-block;
    float: left;
    width: 100%;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }

    .main-navigation ul {
    margin: 0;
    padding: 0;
    }

    .main-navigation ul ul {
    background: #294a70 none repeat scroll 0 0;
    box-shadow: 0 1px 2px;
    display: none;
    left: 0;
    margin: 0;
    min-width: 200px;
    position: absolute;
    top: 44px;
    z-index: 9999;
    }

    .main-navigation ul ul ul {
    left:100%;
    top: 0
    }

    .main-navigation li {
    position: relative;
    display: inline-block;
    margin-bottom:0;
    float: left;
    }

    .main-navigation li li {
    float: none;
    display: block !important;
    }

    .main-navigation li: hover > ul{
    display: block;
    }

    .main-navigation ul li a {
    color: #ffffff;
    border-right: 1px solid #fff;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 10px;
    position: relative;
    z-index: 99;

    }
    .main-navigation ul li:first-child > a {
    border-left: 1px solid #fff;
    }
    .main-navigation ul li li:first-child a {
    border-left:none;
    }
    .main-navigation ul ul a {
    border-bottom: 1px solid #dddddd;
    border-left: none;
    border-right: none;
    color: #fff;
    font-size: 14px;
    height: auto;
    padding: 9px 15px;
    text-align: left;
    width: 100%;
    }

    .main-navigation ul li.menu-item-has-children > a::after,
    .main-navigation ul li.page_item_has_children > a::after {
    content: “\f107”;
    font-family: FontAwesome;
    margin-left: 10px;
    margin-right: 0;
    position: absolute;
    right: 10px;
    top: 12px;
    }

    .main-navigation ul li li.menu-item-has-children > a::after,
    .main-navigation ul li li.page_item_has_children > a::after {
    content: “\f105”;
    top: 10px;
    }

    .main-navigation ul li.menu-item-has-children a,
    .main-navigation ul li.page_item_has_children a {
    padding-right: 30px;
    }

    .main-navigation li a:hover,
    .main-navigation li.current-menu-item > a,
    .main-navigation li.current_page_item > a,
    .main-navigation li:hover > a{
    background:#f4a024;
    color: #fff;
    }
    .enabled-sticky-primary-menu #main-nav.fixed {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999;
    margin: 0;
    }
    .enabled-sticky-primary-menu #main-nav.fixed .container {
    max-width: 1170px;

    #35950

    wensolutions
    Participant

    Hello @gigi,

    While we have inspected your Website URL, the provided CSS is not seen in the site. Please make sure you have added and saved the Additional CSS in your Customizer.

    Also, as the theme initially does not have the issue with the latest theme version ( Version : 2.4 ) You can try deactivating your plugins one by one and by installing the fresh copy of Education Hub Pro theme to check if the issue is resolved.

    Furthermore, if the issue is still not resolved, you can also choose to mail us your WordPress Login Credentials to our official support mail support[at]wensolutions.com so that we could log into your website and debug the issue further.

    Hope this helps,

    Best Regards !!

    #35972

    Gigi
    Participant

    Thanks. I’ve tried adding your suggested CSS under ADDITIONAL CSS, but because it didn’t solve the issue, I disabled it again. I’ve also tried disabling plug-ins, but that didn’t seem to work either. All plug-ins are enabled at the moment.

    Because I’ve done substantial customization, I wouldn’t want to lose any changes.

    I emailed you our WordPress Login Credentials, but I’d need your IP Address to whitelist it. Otherwise, our firewall will block your attempts to log in.

    Please advise.

    #36149

    wensolutions
    Participant

    Hello @gigi,

    As the CSS code we have provided in not working we we wanted to inspect the backend settings so we have provided the IP Address through the official email address . We will be waiting for the access permission .

    Best Regards!!

    #36178

    Gigi
    Participant

    Thanks. I’ve whitelisted your IP. Please let me know if/when you’re able to log in to hopefully resolve the issue with the menus.

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.