The bottom section is not completely visible on the published mobile screen. The user cannot scroll all the way to the bottom of the screen. In the designer, you can see the " Community section is visible " but not on the published site. https://problem-site.webflow.io/
hi @Muhammad_Ehtsham I have no devices with Android. I have now tested website on iOS devices in Safari, Chrome, Firefox and Brave and the “community” section works as expected on all of them.
hi @Muhammad_Ehtsham unfortunately I do not know. But try this forum (with advanced filter) to see if anyone had similar problem on Android, and google it as well. At least now you know that rendering issue is related to OS and not mobile browser. Only I can thing I can think right now is that it can be related to VH mean that any section set to eg. 100vh can produce unexpected behaviour. But its just pure guess as I didn’t study your structure and setup in detail.
EDIT: I have now checked youl live page (read only give 404) and I see that you have height: 100vh on problematic section. You can try to set to min-height instead to see if this help.
@Stan Actually, the problem is not with the community section. I thought there might be something wrong with the community section, so I’ve deleted it. then the problem was still there with the section above the community section. The same goes for the rest of the sections.
hi @Muhammad_Ehtsham try min-height as I have mentioned to see what happened. The good way is to hide all sections (add class hidden) and unhide (remove class) one by one to test it. Setting only height: 100vh will cause problems on mobile landscape anyway.