4 replies · opened Oct 2, 2020
On the restaurant theme menu page demo-restaurant-menu.html...
I am having an issue with scrolling on mobile devices especially apple devices.
When you scroll up and down the page the website also moves left or right with your finger. This is not ideal and i dont see it happening on any other pages on the template.
Id assume it has something to do with the menus z-index maybe?
Can this be fixed? Thanks!
I think i might have found the issue
``
Is style="overflow: visible;" required here?
ok looks like it is required so the category buttons can overlap the page title section. Can we find another way or alternative code that will acheive this without making it overflow left and right which causes mobile device scroll issues?
Ive been playing with different options and might have found a solution.
I added style="overflow-x: hidden;" to the follwoing code
``
This allows us to keep `` in the content section while stopping overflow in the X direction in the Document Wrapper. I currently see no ill effects of doing this, please let me know if this seems to be a good solution, or if you have a better one. Thanks!
Hello,
We Really Apologize about the Inconveniences caused regarding this issue.
Thank You for taking out time for looking into this. And yes, adding the .overflow-hidden Class to the #wrapper DIV will fix this. However, we are still looking into alternate solutions for this and will update you once available.
Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard