- This topic has 11 replies, 2 voices, and was last updated 1 week, 4 days ago by
.
Hello Team,
Hope you’re well.
I have created a website using your theme Jevelin, however i have came across an issue using iphone. When access website (https://lunak9club.co.uk/) on an iphone the scrolling gets stuck and i am unable to scroll up and down on all pages. I have tried multiple addtional css edit, changed lazy loading, removed widget and disabled plugin, but still not luck.Hello,
It looks like the issue is related to the Slider Revolution block on your homepage. We’re noticing the same scrolling problem even on Chrome desktop, which suggests it may be caused by certain settings in the slider itself.
If that resolves the issue, we recommend adjusting the slider’s settings – especially those related to layout, overflow, and full-screen modes – as we haven’t encountered this exact issue before, can’t replicate it on our demo sites, and it most likely comes from custom Slider Revolution settings.
Let us know how it goes! 🙂
Best regards,
Shufflehound team
I’m not entirely sure what setting i should be looking in the slider revolution please could you assist with what setting i should change on this?
It seems strange that how can a slider that is on one page affecting all other pages?
If it help and you want to have a look at the admin side, i can share you the details to login?
i checked the touch is enabled, i also checked lazy loading and size however still no luck.
Touch is enabled is set to false
lazy loading is set to global
sizing is set to full width
Hello,
Thanks for the follow up, and you’re right, after further inspection, the scrolling issue does occur even on pages that don’t use Slider Revolution.
In this case, we recommend temporarily disabling your plugins one by one to see if any of them might be causing a conflict. While we haven’t encountered this issue before, it’s possible that a plugin may be interfering with the scrolling behavior.
If that doesn’t help, feel free to share temporary login details in the private information field below and we will take a closer look.
Best regards,
Shufflehound Team
Thank you for your response,
I have disabled pretty much all of the plugins and have tried it on 2 iphones and still seeing the same issue. Which is very strange and i can’t pinpoint what the issue actually is.
I have put in the details for you to have a look and see if you can find what the issue actually is.
Looking forward to your swift reply.
Stephen
Hello,
Thanks for providing access.
After some debugging, we found that the issue is caused by custom CSS added under Customize > Additional CSS, specifically styles applied to html and body. These are likely affecting how scrolling behaves on both desktop and iPhone.
We recommend reviewing or removing those custom rules to fix the scrolling.
Best regards,
Shufflehound Team
So i removed the body but left ‘scrollbar-width’ as i actually don’t know why there is another scroll bar on the page if you remove this:
body {
scrollbar-width: none;
}Is there anything else that might be affecting it?
Tried on the phone again but still no luck.
Hello,
Great, it looks like removing part of the custom CSS already helped!
We’ve added another small tweak on our side, and the scrolling seems to work better. Could you please check again on your iPhone and let us know how it works?
Best regards,
Shufflehound Team
Hi,
I have just tried it again on my iphone, however it is still having issues.
When scrolling down it is still getting stuck. Half way through.
I have tried looking into this a bit more however still having the same issue.
Hiya,
Is there any update on this, as this seems to be on going and now it is getting pretty serious. We have tried everything an un able to sort this out, please take a look into this.
Hello,
Thanks again for your patience, this one took a bit longer than expected, but the issue should now be resolved. We’ve added a small custom CSS fix directly in the theme settings that seems to have done the trick. You may need to clear your site and browser cache to see the changes fully.
html, body { overflow: visible!important; } .content-container, .sh-footer-template { max-width: 100%; overflow: hidden; }This issue appears to be tied to a unique configuration or custom CSS, as we haven’t seen it occur on other user sites or our demo.
Please check again on your iPhone and let us know how it goes.
Best regards,
Shufflehound Team
