The slider works well on desktop and mobile if I load the page and don’t move it. However, if I load the page on mobile in the vertical then turn the page to the horizontal for easier reading the text is cut off.
How can this be fixed?
Hey virtualbis,
Thank you for the inquiry.
The slider is resizing correctly on our end as shown in the screenshot below. Would you mind providing a screenshot of the issue? You can use imgur, savvyify or dropbox for the screenshot. Thanks.
Screenshot: https://1drv.ms/u/s!AjjTfXSRbKTvwHFfpOACt9z433cE?e=VrdwYz
Best regards,
Ismael
Below is a link to a movie recording. The issue happens on both an iphone and an android. To reproduce it you need to load the page vertically then turn the phone horizontally after it has loaded
Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen
and (max-device-width: 767px)
and (orientation: landscape) {
#layerslider_3_10i7xmp4evwiu .ls-wrapper * {
line-height: 75px;
}
}
Best regards,
Rikard
I just tried it an no change, even after emptying the cache
Hi,
Are you able to give the text in question custom classes or IDs? If so, then please do so. Otherwise it’s difficult to target them properly.
Best regards,
Rikard
Hello, I opened a ticket at Layerslider after buying the plugin and it is a setting. See below.
“turn on the “Allow Restarting Slides on Resize” option. You can find it if you open the Project Settings, turn on the Advanced Settings at the bottom, and click “Miscellaneous”.”
Hi virtualbis,
Thanks for sharing the solution and we’re happy the the issue on mobile is now fixed :)
Best regards,
Nikko