header-footer-elementor icon indicating copy to clipboard operation
header-footer-elementor copied to clipboard

Mobile menu opening outside the screen

Open ju-vrk opened this issue 1 year ago • 2 comments

I should be able to open the dropdown menu on mobile inside the screen, but it's opening outside

To reproduce:

  1. Go to the page on mobile
  2. Click on the hamburger menu
  3. See errir

Expected behavior:

The menu should open inside the screen

Screenshots:

Here's the link to a screen recording showing the problem and a weird situation where the menu is working (when switching apps):

Isolating the problem:

  • [x] This bug happens with no other plugins activated
  • [x] This bug happens with a default WordPress theme active
  • [x] I can reproduce this bug consistently using the steps above

WordPress version: 6.4.1

Elementor version: 3.18.0

ju-vrk avatar Dec 04 '23 20:12 ju-vrk

Hi @ju-vrk, We sincerely apologise for any inconvenience. However, after conducting testing on our end, we were unable to reproduce the problem you mentioned. To better understand and resolve the issue, we kindly request, if you could open a support ticket with us and provide access to your demo site along with the necessary credentials and description, we would be more than happy to investigate the matter further. Thank you for your understanding and assistance. We look forward to resolving this matter for you.

vijetaR avatar Dec 05 '23 05:12 vijetaR

This is still happening, caused by this line:

var sec_pos = $( '.elementor-element-' + id ).closest('.elementor-section').offset().left - $selector.offset().left; Uncaught TypeError: Cannot read properties of undefined (reading 'left')

Located in function function _toggleClick( id ) image

If "Full width" option is turned off, that kind of fixes the issue, but then the menu will no longer work as expected, so that is not a solution.

Related to #733

niilopoutanen avatar Mar 18 '24 14:03 niilopoutanen