-
AuthorPosts
-
July 12, 2022 at 5:50 pm #1358105
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?July 13, 2022 at 5:00 am #1358145Hey 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,
IsmaelJuly 13, 2022 at 5:10 am #1358146Below 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
July 13, 2022 at 10:02 am #1358177Hi,
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,
RikardJuly 13, 2022 at 4:44 pm #1358221I just tried it an no change, even after emptying the cache
July 13, 2022 at 7:17 pm #1358246Hi,
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,
RikardJuly 18, 2022 at 8:36 pm #1358691Hello, 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”.”
July 19, 2022 at 2:29 am #1358729Hi virtualbis,
Thanks for sharing the solution and we’re happy the the issue on mobile is now fixed :)
Best regards,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.
