Menu items jumping far to the right when clicked

Hi @halhawkins,

I request you to please share the export file of the plugin with me so that I can ask our development team to look into the issue.

Thanks for reaching out to us.

Kind regards,
Kriti

Just post the file contents here?

Please share it with me via Google drive.

Regards,
Kriti

The responsive-menu-settings file correct?

https://drive.google.com/file/d/1Ci95xHRMx3570v9pSAVfwNepMSBTEkYs/view?usp=sharing

Yes @halhawkins, I am forwarding your issue to the development team. I will get back to you as soon as I hear back from them.

Regards,
Kriti

Hi @halhawkins,

Our developer have imported the settings onto my staging website.

He had only make adjustments to button position so that he can see it on his staging.

There is no problem with the submenu on my staging, it does not jump to the far right of the screen.

https://drive.google.com/file/d/1d-RgJN53QuVvhCGngSg3aLI4WLnQl-JD/view?usp=sharing

Please check whether it is a theme conflict or conflict with third party plugin.

Please also clear cache and disable their autoptimize plugin when checking.

Once you are able to pinpoint the cause of the issue. Our developer will take a look and see if he is able to provide a fix.

Regards,
Kriti

I’ve checked this on multiple computers and phones. Im not crazy. All the links move far to the right after clicking. This is not a CSS issue.

I can’t find a plugin or theme conflict. Works fine with 3.1.27 but hasn’t with any of the new updates

@halhawkins, I apologize for the inconvenience. I have asked the development team to look into this again.

Kind regards,
Kriti

Hi @halhawkins,

There is a custom css which is breaking the menu item.

.top-dropdown-menu .is-active {

left: 92%;

margin-top: 1em !important;

}

It is custom css added by you or the theme on the website and not from our menu.

Please either remove this CSS or add the following CSS into Appearance -> Customize -> Additional CSS

`.top-dropdown-menu a.responsive-menu-item-link.is-active {

left: 0 !important;

margin-top: 0 !important;

}’

Please do the same and let me know.

Regards,
Kriti

Thanks. Looks like the CSS add worked. However, the MENU part is having an issue now where it requires clicking twice to open. I click it once and it jumps slightly (and reverts back to closed), and then I have to click it a second time for it to fully open. Any ideas on what causes this?

Hi @halhawkins,

Thanks for letting me know. I have forwarded your response to the development team but please expect a little delay as it is weekend.

Kind regards,
Kriti

Hi @halhawkins,

Our developers are unable to troubleshoot the issue via export file. So for further troubleshooting, I request you to share the at here as well: https://responsive.menu/contact/

Please share the link of this ticket also while doing the same.

Kind regards,
Kriti