Full screen slider mobile
-
Hello,
I managed to make the full screen slider working as I wanted for desktop , but I'm still struggling with the mobile version.
As you can see on mobile on www.jeremypiret.com , I managed to write the project title next to my project thumbnails, but it results in a quite small images.
I wish I could make the image way bigger and putting the text bellow the thumbnails, but I can't find how to do so.Any idea ?
Also, could it be possible to scroll my full screen slider on mobile by clicking ? Just like on desktop
Edit : Is it possible to enable a mouse-over (click) Project title showing on project thumbnail on mobile only but not on desktop ?
Thanks everyone !
-
I wish I could make the image way bigger and putting the text bellow the thumbnails, but I can't find how to do so.
This:
https://laytheme.com/documentation/gridder-elements.html#text-on-an-imagebut just align the text to bottom
Or Use a Stack Element:
https://laytheme.com/documentation/gridder-elements.html#stack-elementOr use a caption (probably thats the easiest way)
Also, could it be possible to scroll my full screen slider on mobile by clicking ? Just like on desktop
Going to work on this!
Is it possible to enable a mouse-over (click) Project title showing on project thumbnail on mobile only but not on desktop ?
use a project thumbnail
and then use this setting:customize -> project thumbnails -> project title -> visibility: mouseover
and
customize -> project thumbnails -> project thumbnail mouseover -> Behaviour on Mobile Devices: Show mouseover state on touch or tap, tap again to enter project -
Thanks for all the explanations !
For the last question about mouse over behavior, I already tried what you said, but doing so, it will still show a mouse over title on Desktop , which I don't want. Any idea ?
Thanks again !
Also, with browser-height for row height in mobile , the elements have some position problem.
Check this out on mobile : https://www.jeremypiret.com/category/test/. my 10/11 and 11/11 are supposed to be on the same place, but they aren't. I don't understand why.
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it