Page 1 of 1

Slideshow controls on mobile

Posted: 05 Feb 2016, 08:45
by MikeR
Hello,

I use a slideshow as a start page (with autoplay).

On desktop the control buttons (toggle play/pause...) are hidden until I move the mouse
On mobile it's not hidden, I would like to know if it's possible to hide controls at first and only show if I touch the screen ? (CSS ?)

Thanks

Re: Slideshow controls on mobile

Posted: 05 Feb 2016, 09:41
by mjau-mjau
MikeR wrote:On mobile it's not hidden, I would like to know if it's possible to hide controls at first and only show if I touch the screen ? (CSS ?)
The controls already toggle between visible/hidden when you touch the screen. The controls also autohide after a few seconds on touch devices. However, as you have noticed, the controls always display as visible on initial load, as to make sure the visitor knows the controls are available.

I looked into your request, but unfortunately I can't see any way to initially hide the controls without hiding them completely. There is a "show-controls" class applied on initial load, and if you overwrite that class to not show the controls, then they would never display.

This would need to be a feature request.

Re: Slideshow controls on mobile

Posted: 05 Feb 2016, 09:44
by MikeR
Ok is it easy to hide it (the control buttons) only for mobile with css ?

Re: Slideshow controls on mobile

Posted: 05 Feb 2016, 10:23
by mjau-mjau
MikeR wrote:Ok is it easy to hide it (the control buttons) only for mobile with css ?
Yes.
Code
.touch .fotorama__arr, .touch .fotorama__toggleplay {
  display: none !important;
}