Dropdown Menu Issue

[aliceinoue]

Hi – We are having an issue with the dropdowns on our top menu. Sometimes they drop down on hover and sometimes not. It’s very hit or miss and does this no matter which page you’re on. The issue happens on multiple browsers.

We’ve checked on javascript errors and found none.

 

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Hi,

Noticed that this happens only on homepage if i try in any other page that issue not happens, this results that in the homepage content something breaks that not sure what, i recommend you to clone the page and in the cloned one delete sections one by one while you check the page behaviour unntil you find it.

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[aliceinoue]

It happens on several pages:
https://yourhappinessu.com/
https://yourhappinessu.com/corporate-programs/
https://yourhappinessu.com/event-calendar/

What makes us think it could be a theme issue is that the dropdown menus start to work when you update the window by resizing it. They also work for a split second before the page fully loads.

[Radu]

Hi,

I see, not sure why that, try to add the next snippet in wp-admin -> general options -> Javascript code

COPY CODE

<script>
jQuery(document).ready( function () {
    KLEO.main.init();
});
</script>

Or this one

COPY CODE

<script>

jQuery(document).ready( function () {
	setTimeout(KLEO.main.init(),2000);
});
</script>

Let me know

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[aliceinoue]

Hi there, i am not actually sure where in the file to put this.

I found the options-general.php file and opened it in Sublime Text, but then it’s a bunch of PHP code, and I’m not sure where to put the JS snippet.

If you mean to put this in the General settings in the WordPress Dashboard, there is no actual Javascript menu in which to put the javascript code you provided. Could you let me know what I need to do step by step?

Thank you!
Mae and Kristin

[Radu]

Sure,

Go to wp-admin -> theme options -> press under general options -> scroll until you see the JavaScript code

And paste the code from above

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[aliceinoue]

Hi, Radu,

OK, so we did copy the Javascript into the theme settings section as instructed and it did not fix anything. 🙁

Here is additional detail:

We duplicated the homepage and deleted rows one by one in the duplicate page and noticed that if we disable a row containing an EventOn Calendar, the menu javascript interactions (dropdowns) work. HOWEVER, EventOn Developers also noticed that if we resize the browser window, the menu interactions then work as well.

Is there anything you can think of that we can try from this point? We have reached out to EventOn to get some assistance, but they said we need to buy more plugins and update them all…

Thank you!

[Abe]

Hi, let us do some tests on your site to see what could be wrong. Please provide also FTP access if is possible.

Thanks

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[aliceinoue]

Hello, Abe!

Here is the SFTP access to the site on Staging:

Host/Server: yourhappinessu.sftp.wpengine.com
Username: yourhappinessu-staging
Pass: Bhappy22!
Server Port: 2222

To access the front end of the staging site the username and password are:
http://yourhappinessu.staging.wpengine.com
user: yourhappinessu
Pass: $taging$

Note that we have tried to debug using some of the suggestions by EventOn’s (calendar plugin) developers. So when you try to add a post or page, it will result in a white blank screen.

Let me know if you need anything further.

Thanks!

[aliceinoue]

Here is the SFTP access to the Production/Live site if you would like to debug there:

Host/Server: yourhappinessu.sftp.wpengine.com
User: yourhappinessu-seventhqueen
Pass: 3x@3!#n5PYOLSd^
Server Port: 2222

The front end:
https://yourhappinessu.com

If you require WP admin access, please let us know. We have a username and password for Seventh Queen.

[Radu]

Hi,

THe issue it’s caused by one of some plugins

Set off one by one until you find it.

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts