How to stop mobile menu closing automatically when scrolling down the web page?

4 Posts

gagwithgaffer posted this 28 May 2018

Dear Support,

When a user opens a mobile menu and expands on click, as soon as they start to scroll down the web page, the menu closes automatically which means they cannot select the menu options that reside at the bottom list.

This issue does not happen in a live preview mode, but only happens once the template is saved in Themler and viewed live from a mobile or tablet device.

Please provide a solution, have spent days on this and not found any fix...

The solution I require is the mobile menu will remain expanded, until the user clicks on the mobile menu icon to close, otherwise for people who have a long menu list, it's impossible to scroll down the page enough to select the menu items at the bottom of the list before the menu closes again...

Dear Support, When a user opens a mobile menu and expands on click, as soon as they start to scroll down the web page, the menu closes automatically which means they cannot select the menu options that reside at the bottom list. This issue does not happen in a live preview mode, but only happens once the template is saved in Themler and viewed live from a mobile or tablet device. Please provide a solution, have spent days on this and not found any fix... The solution I require is the mobile menu will remain expanded, until the user clicks on the mobile menu icon to close, otherwise for people who have a long menu list, it's impossible to scroll down the page enough to select the menu items at the bottom of the list before the menu closes again...

mobile-menu menu-close-on-click

Vote to pay developers attention to this features or issue.

5 Comments

Order By: Standard | Newest

Support Team posted this 28 May 2018

Hi,

Please provide a link to the site so we could see the issue. And also point on what menu items to click to see it.

Sincerely,
Hella

Hi, Please provide a link to the site so we could see the issue. And also point on what menu items to click to see it. Sincerely, Hella

4 Posts

gagwithgaffer posted this 29 May 2018

Hello,

I gave up trying to fix the issue and have re-configured the mobile menu to a slide menu instead.

The slide menu however is not entirely fault free, when viewing from a smart phone (google on android) OR using a tablet (Firefox on android ver. 7) I see the following behavior:

List item

When the mobile menu slides across, as soon as I click on the menu icon to close, the top header remains pushed across to the right hand side, I have to refresh the page for the header to re-position correctly again.

This mostly happens once I have started scrolling down a web page, but depending on which device I am using, it also happens when positioned at the top of the web page.

This never seems to happen when viewing the website from a desktop computer but only on browsers on hand held devices.

Web link http://oxfordrowingclub.org.uk/

Thank you.

Hello, I gave up trying to fix the issue and have re-configured the mobile menu to a slide menu instead. The slide menu however is not entirely fault free, when viewing from a smart phone (google on android) OR using a tablet (Firefox on android ver. 7) I see the following behavior: - List item When the mobile menu slides across, as soon as I click on the menu icon to close, the top header remains pushed across to the right hand side, I have to refresh the page for the header to re-position correctly again. This mostly happens once I have started scrolling down a web page, but depending on which device I am using, it also happens when positioned at the top of the web page. This never seems to happen when viewing the website from a desktop computer but only on browsers on hand held devices. Web link http://oxfordrowingclub.org.uk/ Thank you.

Support Team posted this 29 May 2018

Hi,

I've tested your website on my side in Chrome on Android but failed to reproduce the reported issue with Slide menu on my side. I've tried on scroll and on the top of the page. When the page scrolled the menu does not push the header because sticky header has fixed position and cannot be moved by the menu.
Could you please provide a few screenshots that demonstrate the issue?

Thank you,
Olivia

Hi, I've tested your website on my side in Chrome on Android but failed to reproduce the reported issue with Slide menu on my side. I've tried on scroll and on the top of the page. When the page scrolled the menu does not push the header because sticky header has fixed position and cannot be moved by the menu. Could you please provide a few screenshots that demonstrate the issue? Thank you, Olivia

4 Posts

gagwithgaffer posted this 29 May 2018

Hello,

Smart phone screenshot shows a small gap to the LHS where the header hasn't moved back to its original position after closing the mobile menu.

Tablet display the same issue but a much larger gap can be seen to the LHS

You might need to experiment with scrolling down the page a little and then repeat the test.
The fact that this happens on two different devices (and browsers) leads me to think there is an issue somewhere within the theme.

I can upload the theme via private message if required. Thanks

Hello, Smart phone screenshot shows a small gap to the LHS where the header hasn't moved back to its original position after closing the mobile menu. Tablet display the same issue but a much larger gap can be seen to the LHS You might need to experiment with scrolling down the page a little and then repeat the test. The fact that this happens on two different devices (and browsers) leads me to think there is an issue somewhere within the theme. I can upload the theme via private message if required. Thanks

Screenshot-Smart-Phone.png

Screenshot-Tablet-Bad.jpg

Support Team posted this 30 May 2018

Hi,

Thank you for the screenshots. I've asked our developers to check this issue.
We'll let you know when we receive any news from them.

Thank you,
Olivia

Hi, Thank you for the screenshots. I've asked our developers to check this issue. We'll let you know when we receive any news from them. Thank you, Olivia