Hello,
I have built an essential grid for a custom mobile links page. Upon loading it, it is not scrolling up or down smoothly and seems to keep getting stuck and ‘bumping up against itself’ if that makes sense.
If you could try this URL on a mobile device to see what I mean (the problem does not occur on desktop):
Looking to have it scroll more smoothly obviously. Not sure what setting I’ve done to cause this to happen. Please help!
Hi @Kyle_Andrew,
Thank you for writing in, even on a desktop I can’t scroll the page properly and that is because of the double scrollbar issue. This issue usually happens if you have an overflowing content outside of its container, this commonly happens with a fix height Bar on the Header or Footer, please try checking your header bars, try setting the height to auto and see if that resolves the issue. If it does then that means you need to adjust the bar height.
If the issue persists, please provide us login credentials in a secure note so we can take a closer look.
Cheers!
So I have a question. I set the header bar to auto and it didn’t fix it. The way my header menu is setup, is that the desktop menu is set hidden for the last two tiers of mobile devices, and the mobile devices menu is only displayed for those two. I have only changed the height bar to auto on the mobile version (which was one change). Would I need to change the others as well? It seems like this is just good practice regardless but changing only the height of mobile container did not fix things.
(Secure Note Attached)
Hi @Kyle_Andrew,
Thanks for the credentials, it seems the issue is on the Grid itself, please do this, apply an overflow: hidden; CSS property on the Section’s Element CSS area.
Hope it helps,
Cheers!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.