Hi, I’m using the latest versions of the theme/ plugins and get the following problem:
Video: https://www.dropbox.com/s/t2myx8d9488p0vo/AMP%20Menu%20Bug.MP4?dl=0
Example: https://babynews.de/schwangerschaft/babynamen/marie-und-paul-sind-die-beliebtesten-babynamen-2018/?amp
1. On AMP-posts, the lowest link of the mobile menu is only hard reachable (condition: iPhone 8, Safari), the link sometimes is lower than the possibility to scroll. (Video sec. 1)
2. Scrolling often doesn’t work, instead of scrolling down the menu, the site in the background scrolls. (Rest of the video from sec. 2)
Hi,
I have checked your website on Android and iOS and it seems to return good results, as you can see here -> http://cdn.tagdiv.com/wp content/uploads/2019/05/RPReplay_Final1557148103.mp4 -> https://www.screencast.com/t/6QSSdOoxiHY
Thank you!
Hi Catalin,
Thanks for your reply! Unfortunately, I can repeat this bug every time I open the menu on AMP. (https://www.dropbox.com/s/r0gg82b014kvup4/AMP%20Menu%20Bug%201.MP4?dl=0)
You probably need to have a closer look. I think it happens when tapping somewhere on the menu (not a menu link but the layer covering the page) after scrolling the first time and then after tapping you need to start scrolling again.
Thanks!
Hi,
Please try to use the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.td-mobile-content .td-mobile-main-menu{
padding-bottom:50px;
}
Thank you!
Hi Catalin,
Thanks for the code you provided.
.td-mobile-content .td-mobile-main-menu{
padding-bottom:80px;
}
Works even better to make the lowest menu point more visible. It helps for the moment but of course, it doesn’t stop the scrolling in background problem.
I think on “normal sites” this could be fixed with something like
overflow:scroll !important;
-webkit-overflow-scrolling: touch;
but on AMP this is not working. Something for the programmers to look at for the next update.
Thanks!
