- This topic has 13 replies, 3 voices, and was last updated 7 years, 5 months ago by
.
-
Posts
-
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.
Website url is http://www.whedco.org
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!!
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!!!!
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!!
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
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;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 !!
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.
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!!
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.
I am having a drop down menu problem also. I tried deactivating plugin and it did not help.
I added the custom code in additional CSS. It worked better for awhile but then today it was quirky. Some of menus work but some don’t. They act different on different pages. Seems to only be a problem on a computer not phone or pad.
.main-navigation li:hover > ul {
display: block !important;
}Can you please help. Thank you.
Site in development: http://eg.cusd-hmb.org/wp/
Hello @gigi,
Please provide us your access permission though our official E-mail address and we look further into the issue .
Hope this helps.
Best Regards!!
Hello @baileya,
When tested the theme locally we do not seem to find the issue in the menu.
Also while inspecting you site the menu seems to work fine fine as you can see in below screen record.
If you have any confusion further, please let us know .
Best Regards!!
- You must be logged in to reply to this topic.
