Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.
From mobile device (apple tablet/smartphone) there is now way to scroll down content inside modal with lesson (scroll-bar disappears and touch scrolling is blocked). I verified also your demo version on http://esmarts.elated-themes.com/ It works perfectly on desktop, but on iphone 5s, iPad pro, iPad Air it's not possible to scroll.
I modified on my site overflow-y for containing div with "scroll" property and it works better (.eltdf-popup-content) and added more visible scroll-bar style
It works partially and it's still very tricky to scroll down on mobile devices, because sometimes the web page under modal window scrolls
I'm not good with coding and tweaking like this could be infinite. Could you suggest the most efficient way to fix this. Probably block scrolling of a page and add up/down buttons, which will work perfectly or solve this issue scrolling on mobile devices
Unfortunately the issue remains. It's not possible to scroll an overflow content inside modal. Physically I tried on iPhone 5s and iPad Pro. Probably this video helps you to understand better, what I mean. Please verify carefully, because more than 30% users arrive from mobile platform and it's crucially important for modern sites.
Hi there
From mobile device (apple tablet/smartphone) there is now way to scroll down content inside modal with lesson (scroll-bar disappears and touch scrolling is blocked). I verified also your demo version on http://esmarts.elated-themes.com/ It works perfectly on desktop, but on iphone 5s, iPad pro, iPad Air it's not possible to scroll.
I modified on my site overflow-y for containing div with "scroll" property and it works better (.eltdf-popup-content) and added more visible scroll-bar style
::-webkit-scrollbar { -webkit-appearance: none; width: 7px; }
::scrollbar-thumb element (index):379 ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, .5);
It works partially and it's still very tricky to scroll down on mobile devices, because sometimes the web page under modal window scrolls
I'm not good with coding and tweaking like this could be infinite. Could you suggest the most efficient way to fix this. Probably block scrolling of a page and add up/down buttons, which will work perfectly or solve this issue scrolling on mobile devices
Thank you in advance
Hello,
We have just checked this out >> http://esmarts.elated-themes.com/ and it seems like everything works just fine (iPhone and iPad, Safari).
Please try deleting your browser cache, or access your website from another browser/device to see if the problem persists.
The Elated Support Center has been moved to our centralized support platform.
Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time.
If you wish to submit a new support request, for all new inquiries please head on to our Help Center.
Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.
Don’t forget to sign up for our newsletter and be the first to find out all the latest news.
Unfortunately the issue remains. It's not possible to scroll an overflow content inside modal. Physically I tried on iPhone 5s and iPad Pro. Probably this video helps you to understand better, what I mean. Please verify carefully, because more than 30% users arrive from mobile platform and it's crucially important for modern sites.
https://adobe.ly/2EK9ut5
Update:
Try to add this css in Appearance >> Customize >> Additional CSS field.
.touch .eltdf-course-popup .eltdf-course-popup-inner .eltdf-grid-row {overflow-y: scroll !important;
}
The Elated Support Center has been moved to our centralized support platform.
Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time.
If you wish to submit a new support request, for all new inquiries please head on to our Help Center.
Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.
Don’t forget to sign up for our newsletter and be the first to find out all the latest news.