header-footer-elementor
header-footer-elementor copied to clipboard
Mobile menu opening outside the screen
I should be able to open the dropdown menu on mobile inside the screen, but it's opening outside
To reproduce:
- Go to the page on mobile
- Click on the hamburger menu
- 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
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.
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 )
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