ElementsKit mega nav jumps when hovering over nav links

Hello @mapsmarketing ,

We have investigated the issue further and found that this issue is only happening when Elementor Pro’s sticky scrolling effect is enabled on the header and ElementsKit’s nav menu is used with megamenu feature. Also this is a issue that has been reported already by many users here.

If you use ElementsKit Pro then you can use the native sticky content feature. Using the third party plugin for sticky feature didn’t generate the issue. Can you please inform us that you are using Elementor Pro’s sticky scrolling effect or any other third party plugin to sticky your header?

Waiting for your valuable response and we are always here to help you.

Regards,
Benjir

Hi Benjir,

Thank you for your reply.

Please have a look at the following post for a bit more info: https://www.ads-software.com/support/topic/sticky-header-jumpy-when-hovering-over-nav-links/

Please let me know if you require anything further.

Thank you very much

Hi Benjir,

Did the latest 2.5.4 include any fixes for this issue as I noticed a number of nav menu bugs fixed on it?

Cheers

Hi @mapsmarketing ,

Unfortunately, in this update there is no fix available for your issue. As I have mentioned earlier, this issue is happening when you use the Sticky Scroll Effect feature of Elementor Pro in the header with Megamenu. This issue hasn’t been resolved by Elementor Team yet.

However, we are trying our best to find a solution regarding this matter. We will keep you updated if we find a solution from Elementor Team.

Regards,
Benjir

Hi @benjirahmed

“sticky scroll effect feature” of Elementor Pro is not used.

I recommend you first have a look at the following link as it states what plugin is used: https://www.ads-software.com/support/topic/sticky-header-jumpy-when-hovering-over-nav-links/

Cheers

Hey @mapsmarketing ,

We have tested the megamenu with the third party plugin you have mentioned in our development environment. But couldn’t reproduce the issue. So, I recommend you to share your website’s system info from Elementor > System Info. We will try to reproduce the issue on our end as well. If possible please also send step by step guide with screencast.

Regards,
Benjir

Hi @benjirahmed

This is not a single website it’s happening on. It’s happening on multiple websites, as shown in the example link above, and here is another one: https://mapsmarketing.com.au/

The above website doesn’t even have the latest version of Elementskit lite as the latest version completely breaks the header, so I recommend you have a second look mate.

== Server Environment ==
	Operating System: Linux
	Software: LiteSpeed
	MySQL version: MariaDB Server v10.3.34
	PHP Version: 7.4.28
	PHP Max Input Vars: 1000
	PHP Max Post Size: 100M
	GD Installed: Yes
	ZIP Installed: Yes
	Write Permissions: All right
	Elementor Library: Connected

== WordPress Environment ==
	Version: 5.9.1
	Site URL: https://fairhillshs.vic.edu.au
	Home URL: https://fairhillshs.vic.edu.au
	WP Multisite: No
	Max Upload Size: 100 MB
	Memory limit: 512M
	Permalink Structure: /%postname%/
	Language: en-AU
	Timezone: Australia/Melbourne
	Debug Mode: Inactive

== Theme ==
	Name: Hello Elementor Child
	Version: 2.4.1
	Author: Elementor Team
	Child Theme: Yes
	Parent Theme Name: Hello Elementor
	Parent Theme Version: 2.5.0
	Parent Theme Author: Elementor Team

== User ==
	WP Profile lang: en_AU
	User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.109 Safari/537.36

== Active Plugins ==
	Admin Columns Pro
		Version: 4.2.9
		Author: Admin Columns

	Admin Columns Pro - Advanced Custom Fields (ACF)
		Version: 2.2.3
		Author: Admin Columns

	Advanced Custom Fields PRO
		Version: 5.12
		Author: Delicious Brains

	Advanced Editor Tools (previously TinyMCE Advanced)
		Version: 5.6.0
		Author: Automattic

	Advanced Sidebar Menu
		Version: 8.7.2
		Author: OnPoint Plugins

	All-in-One Event Calendar by Time.ly
		Version: 3.0.0
		Author: Time.ly Network Inc.

	BackupBuddy
		Version: 8.7.4.0
		Author: iThemes

	Classic Editor
		Version: 1.6.2
		Author: WordPress Contributors

	Classic Widgets
		Version: 0.3
		Author: WordPress Contributors

	Custom Post Type UI
		Version: 1.10.2
		Author: WebDevStudios

	DynamicConditions
		Version: 1.5.1
		Author: RTO GmbH

	Easy WP SMTP
		Version: 1.4.7
		Author: wpecommerce, alexanderfoxc

	Elementor
		Version: 3.5.6
		Author: Elementor.com

	Elementor Pro
		Version: 3.6.3
		Author: Elementor.com

	ElementsKit Lite
		Version: 2.5.0
		Author: Wpmet

	Essential Addons for Elementor
		Version: 5.0.9
		Author: WPDeveloper

	Gravity Forms
		Version: 2.5.16
		Author: Gravity Forms

	GTranslate
		Version: 2.9.9
		Author: Translate AI Multilingual Solutions

	InfiniteWP - Client
		Version: 1.9.6
		Author: Revmakx

	iThemes Security Pro
		Version: 7.1.0
		Author: iThemes

	LiteSpeed Cache
		Version: 4.5.0.1
		Author: LiteSpeed Technologies

	MailPoet 3 (New)
		Version: 3.82.0
		Author: MailPoet

	MAPS Documents
		Version: 1.0.6
		Author: MAPS Marketing

	MAPS Elementor
		Version: 1.0.2
		Author: MAPS Marketing

	MAPS smartNews
		Version: 1.0.3
		Author: MAPS Marketing

	One Click Accessibility
		Version: 2.0.3
		Author: One Click Accessibility

	Prime Slider
		Version: 2.6.2
		Author: BdThemes

	Redirection
		Version: 5.2.3
		Author: John Godley

	Regenerate Thumbnails
		Version: 3.1.5
		Author: Alex Mills (Viper007Bond)

	Simple Custom Post Order
		Version: 2.5.6
		Author: Colorlib

	Smart Recent Posts Widget
		Version: 1.0.2
		Author: Idenovasi

	Sticky Header Effects for Elementor
		Version: 1.4.7
		Author: Rwattner

	User Switching
		Version: 1.5.8
		Author: John Blackbourn & contributors

	Video User Manuals
		Version: 2.5.10
		Author: Video User Manuals Pty Ltd

	WCAG 2.0 form fields for Gravity Forms
		Version: 1.7.2
		Author: Adrian Gordon

	White Label CMS
		Version: 2.2.9
		Author: www.videousermanuals.com

	WP Rollback
		Version: 1.7.1
		Author: Impress.org

	Yoast Duplicate Post
		Version: 4.4
		Author: Enrico Battocchi & Team Yoast

	Yoast SEO
		Version: 18.2
		Author: Team Yoast

== Must-Use Plugins ==
	InfiniteWP - Client Loader
		Version: 
		Author: Revmakx

== Elementor Experiments ==
	Optimized DOM Output: Inactive by default
	Improved Asset Loading: Inactive by default
	Improved CSS Loading: Inactive by default
	Inline Font Icons: Inactive by default
	Accessibility Improvements: Inactive by default
	Import Export Template Kit: Active by default
	Additional Custom Breakpoints: Active
	Hide native WordPress widgets from search results: Active by default
	Default to New Theme Builder: Inactive
	Hello Theme Header & Footer: Inactive by default
	Landing Pages: Active by default
	Color Sampler: Active by default
	Favorite Widgets: Active by default
	Admin Top Bar: Active by default
	Page Transitions: Active by default
	Form Submissions: Active by default
	Scroll Snap: Active by default

== Log ==
	
Log: showing 20 of 392022-02-10 11:25:39 [info] elementor-pro::elementor_pro_updater Started 
2022-02-10 11:25:39 [info] Elementor Pro/Upgrades - _on_each_version Start  
2022-02-10 11:25:39 [info] Elementor Pro/Upgrades - _on_each_version Finished 
2022-02-10 11:25:39 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.6.0',
  'to' => '3.6.1',
)]
2022-02-10 11:25:41 [info] Elementor data updater process has been queued. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.6.0',
  'to' => '3.6.1',
)]
2022-02-18 12:22:26 [info] elementor-pro::elementor_pro_updater Started 
2022-02-18 12:22:26 [info] Elementor Pro/Upgrades - _on_each_version Start  
2022-02-18 12:22:26 [info] Elementor Pro/Upgrades - _on_each_version Finished 
2022-02-18 12:22:26 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.6.1',
  'to' => '3.6.2',
)]
2022-03-01 17:16:33 [info] Elementor data updater process has been queued. [array (
  'plugin' => 'Elementor',
  'from' => '3.5.5',
  'to' => '3.5.6',
)]
2022-03-01 17:16:34 [info] elementor::elementor_updater Started 
2022-03-01 17:16:34 [info] Elementor/Upgrades - _on_each_version Start  
2022-03-01 17:16:34 [info] Elementor/Upgrades - _on_each_version Finished 
2022-03-01 17:16:34 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.5.5',
  'to' => '3.5.6',
)]
2022-03-01 17:17:00 [info] Elementor data updater process has been queued. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.6.2',
  'to' => '3.6.3',
)]
2022-03-01 17:17:02 [info] elementor-pro::elementor_pro_updater Started 
2022-03-01 17:17:02 [info] Elementor Pro/Upgrades - _on_each_version Start  
2022-03-01 17:17:02 [info] Elementor Pro/Upgrades - _on_each_version Finished 
2022-03-01 17:17:02 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.6.2',
  'to' => '3.6.3',
)]
2022-03-01 17:17:03 [info] Elementor data updater process has been queued. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.6.2',
  'to' => '3.6.3',
)]

JS: showing 3 of 3JS: 2022-02-08 21:59:27 [error X 1][https://fairhillshs.vic.edu.au/wp-content/plugins/elementor/assets/js/common.min.js?ver=3.5.5:2:222547] Cannot read properties of undefined (reading \'global\') 
JS: 2022-02-20 23:52:00 [error X 2][https://fairhillshs.vic.edu.au/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.5.5:2:252935] Cannot read properties of undefined (reading \'html\') 
JS: 2022-02-21 03:08:25 [error X 2][https://fairhillshs.vic.edu.au/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.5.5:2:453832] Cannot read properties of null (reading \'getBoundingClientRect\') 

PHP: showing 1 of 1PHP: 2022-02-21 00:01:37 [notice X 2][/public_html/wp-content/plugins/elementor/includes/managers/image.php::87] Trying to access array offset on value of type bool [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]

== Elementor - Compatibility Tag ==
	
	Elementor Pro: Compatibility not specified
	Essential Addons for Elementor: Compatibility not specified
	MAPS Elementor: Compatibility not specified
	Sticky Header Effects for Elementor: Compatibility not specified

== Elementor Pro - Compatibility Tag ==

• This reply was modified 3 years ago by mapsmarketing.

Hey @mapsmarketing ,

We have tried to reproduce this issue on our development environment using above mentioned themes and plugins but couldn’t reproduce it. Also used the sticky feature of the third party plugin.

So, I recommend you to navigate to the plugins details page on the useful links section. From there, open a support ticket at our support center mentioning this support thread. We will try to find out the actual issue from your websites admin panel and let you know the update as soon as possible.

Regards,
Benjir

Cheers Benjir. I’ve sent through a ticket

So, it’s a bug with Elementskit Nav Menu. Easily reproducible by turning Elementor Pro sticky to ON.

When using Elementskit Nav Menu with Elementor Pro sticky enabled the page jumps down when hovering over links after you’ve scrolled down a bit.

Can this issue be marked as unresolved until actually resolved?

Any news on this bug fix? @benjirahmed

Hi @mapsmarketing ,

We have replied to your support ticket regarding the solution of this issue. Please wait for the update from Elementor for the version 3.7 and hopefully this issue will be resolved by then.

Regards,
Benjir

Hello There,

We have tested the issue again after updating the Elementor PRO to its latest version(3.7.3) and seems they have fixed the issue. The jump, that was happening in the background is no longer happening. Kindly update the plugin and hopefully, the issue will be resolved right after that.

Best Regards,
Prosenjit