Docs

[Anonymous]

The sub nav menu is not popping up when you hover over the menu items on certain pages. The menu on these pages only pops up if you click it. For example on this page you have to click on “Solutions” to see the menu since it doesn’t pop up when you hover over the word:
http://roxmediadev.com/olympiaconsulting/solutions/marketing/

But on the homepage it seems to work fine:
http://roxmediadev.com/olympiaconsulting/

Any ideas?

Thank you,
Melanie

[Rupok]

Hi Melanie,

Thanks for writing in! I have checked and it seems working fine as expected. The submenu is showing on hover NOT click. Kindly check again from a different browser/device and let us know.

Cheers!

[Anonymous]

Hi Rupok, unfortunately it doesn’t work for me or my client on Chrome or Firefox. I am posting a link to a screen capture video below showing that the menu does not work on the 3rd child pages in Chrome or Firefox, but it does work on those same pages in Internet Explorer browser app. I am using Windows 10, Firefox 47 and Chrome 51. I checked with my client and she is using Windows 10 as well. I just tried it on my other computer which is Windows 7, and it works fine. I’ve never had anything like this happen before?

Do you have any suggestions to get it resolved for her?

https://www.dropbox.com/s/5wgcebnc8fqw0ep/OS%20Nav%20Error.avi?dl=0

[Rupok]

Hi Melanie,

Thanks for writing back. Here goes the screencast on my end for your mentioned page – http://recordit.co/mceq1Ly5FM

I don’t think there is any conflict and it’s working fine as I tested with multiple browsers.

Cheers!

[Anonymous]

Hi Rupok, can you show me which operating system you are using? My client confirmed again last night that she is seeing the same thing that I am. She has to click on the menu for the navigation to pop up. She confirmed she is also on Windows 10.

[Anonymous]

Also, were you able to see the conflict on my screencast? This is what we are both seeing.

[Paul R]

Hi Melanie,

Please update your theme and plugins to latest versions

The latest version numbers as of this time are: (http://theme.co/changelog/)

X Theme 4.6.1
Cornerstone 1.3.0

https://community.theme.co/kb/version-compatibility/

Then you can compare them to what’s installed on your site.

If you find anything to be out of date, you can review our update guide.

Thanks

[Anonymous]

Hi Paul I’ve spent the last few hours digging into this trying to figure out if I can isolate the problem. My client stayed on the phone with me for a while so she could test as well on her end as I was updating. I made the updates to the theme and plugins so those are all up to date. I cleared cache, cookies, etc on my web browsers. I disabled all the WordPress plugins and re-enabled them one at a time. I cleared out all custom CSS from the theme. I made sure I didn’t have any custom Javascript in the theme. I disabled all my extensions/addons on Chrome & Firefox. I created test pages with nothing on them to see if there was something in the page causing the issue.

Right now the only thing I can find that fixes the glitch is disabling the “Cornerstone” plugin. However if I disable it then it removes a good portion of my content on the web pages. As it stands right now after doing all of the above, the menu does not work on these pages for my client or me:

http://roxmediadev.com/olympiaconsulting/solutions/

http://roxmediadev.com/olympiaconsulting/services/

http://roxmediadev.com/olympiaconsulting/about/publications/

Do you have a windows 10 Firefox browser to test from? Is there any code I could try to plug in that would force the menu to pop-up on hover as it should?

[Rue Nel]

Hello There,

I am another staff check on this thread! To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.site .desktop .menu-item.x-active>.sub-menu {
    display: none;
}

.site .desktop .menu-item:hover >.sub-menu {
    display: block;
}

.site .x-navbar .desktop .x-nav > .x-active > a span {
    border-color: transparent !important;
}

.site .x-navbar .desktop .x-nav > li > a:hover span,  
.site .x-navbar .desktop .x-nav > .current-menu-item > a span,
.site .x-navbar .desktop .x-nav > .current-page-ancestor > a span,
.site .x-navbar .desktop .x-nav > .menu-item:hover > a span {
    border-bottom: 2px solid #024A67!important;
    padding-bottom: 8px;
}

Please let us know if this works out for you.

[Anonymous]

This worked PERFECT! Thank you so much!

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Anonymous]

Hi Thai, unfortunately I just realized that while the menu is now forcing a pop-up on these pages, it is still functioning as it did before with requiring 2 clicks to visit a link in the top-nav. So if I go to http://roxmediadev.com/olympiaconsulting/solutions/ and want to visit “Services” “Clients” or “About” it does not work when I click on it. I have to double click it in order for it to work.

The reason for this appears to be that it still is processing the javascript like it did when you had to click on the top nav for the sub-nav to appear, and then click on the top nav again to visit that page.

Is there javascript that can force the navigation to function as hover nav?

[Rupok]

Hi there,

Thanks for writing back. I tried and it seems working fine as expected as it opens in single click. Would you check from a different browser?

Cheers!

[Anonymous]

Hi Rupok, it is still happening on the same browsers as before – Firefox & Chrome. It is happening to me on my computer, and to my client on her computer. We are in 2 different locations. It also is affecting her Chrome and Firefox. However I tried on another Windows 10 computer and it worked on that one, so I cannot identify what is causing the error. Unfortunately my client is seeing it so I can’t push the site live until I can get it working for her. I’ve spent a lot of hours trying to resolve it and I’m just at a standstill now… other than disabling Cornerstone plugin and rebuilding the pages I’m not sure what else to do.

I am posting a video below of what is happening. I took this video on my phone so you could see the clicks. Do you have any suggestions of javascript I could paste in the Custom Javascript area that might help to “force” that menu to pop up on hover?

https://goo.gl/photos/YvW1cmG9oCxYbJmZ9

I know it’s a really strange glitch… in my 15 years of web design I’ve never run into anything like this before! Thanks for hanging in there with me to figure it out.

[Rupok]

Hi there,

I have tried again with several browsers in OS X and Windows but couldn’t replicate the issue. It seems fine on every instance I tested. So unfortunately can’t suggest anything on this.

Thanks!

[Author]

Posts