Submenu to the section on the page on mobile devices

Hi,

I’m using Safari on the iPad Air 2, Chrome 42 on Nexus 6 with Android 5.1. I can also check other browser on the Nexus, but a few days ago, I received from you a message that suggests that you already know what kind of problem. Unfortunately, I think the message has been deleted but I have it e-mail:

“Elliott wrote:

Hi Kramkom!

I see what you mean. It would take some JavaScript changes to check for an anchor on the link and then hide the menu when clicked on. I went ahead and added to our issue this letter to see if our devs think it will be an easy fix or workaround.

Cheers!
Elliott

Post Link: https://kriesi.at/support/topic/submenu-to-the-section-on-the-page-on-mobile-devices/#post-445827.”

Could you see if indeed a problem it’s known by your team?

Regards, Kramkom

Thanks. Now it will be easier to You to work with this error because you know what the problem is.

On my Nexus menu is shown on the right (as in the screenshot above), and the page I can move to the left.

Regards,
Kramkom

I made steps 1 and 2 exactly as you wrote. Unfortunately, it did not help.

The template is not modified by me in any way. I put just a piece of code (in the General Styling) from the topic at kriesi.at (back to top button on mobile devices).

Can I do something wrong – the page or menu? I do not know what else I can think of. Maybe there is a problem with my server (although I use one of the best web hosts in the country)?

This is the best template on which I worked so far and I’m going to buy more licenses, but this error needs to be rebuilt some of my concepts, which is why this problem makes me sad. Therefore, if you have any other ideas to solve this problem, I will be very grateful.

Best regards,
Kramkom

Hi again,

All your previous suggestions have not been successful.

It seems to me that only I have this problem (and Rikard?). I check on different phones (Nexus 6, Nexus 4, iPhone 6, LG L9), on different browsers (Android – Chrome, Firefox, Opera, “Next browser”, the iPad Air 2 – Chrome, Safari), and always the error is. Therefore, let me once again describe the point at which the error is visible.

You must visit the http://kramkom.pl/testy/ogienwkominku/cennik-drewna-koszty-transportu-i-dodatkowych-uslug/
Only on this page I created links like “#av_section_2”, “#av_section_5” etc.

Clicking on this page submenu, for example “CENNIK I TRANSPORT > Koszty transportu” – automatically scrolls to address the link “av_section_5” and the menu will not hide – comes up with the right, and the page can be moved (left, right). Only reload the page can hide the menu. This behavior following on any mobile device and any browser (I found one exception “UC Browser” on Android).

Please specify whether you are able to fix the error or not. The problem is that this website I do for my client. If this error does not remove, I’ll have to convince him to another menu, and I do not want to do that.

Best regards,
Kramkom

Hi,
Thank you very much for your time. Now, something good is happening. I am glad that now we understand each other.
Yes I removed completely Enfold folder and sent the new one. It did not help. Besides, I bought your template in version 3.1.5 (quite recently).

The following code also did not help.

@media only screen and (max-width: 767px) {
     .responsive.html_header_sidebar #top {
         position: relative;
     }
}

However, you inspire me what you wrote and I modified this code such as below

@media only screen and (max-width: 767px) {
     #wrap_all {
         position: relative;
     }
}

With this code it is great on smartphones, but still bad on iPad. Do you have any idea of hiding the menu on the iPad?
In any case, thank you very much for your help.

Best regards,
Kramkom