Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi! Sorry for bothering you so much.
I recently moved my post carousel slider to the top of my page, but quickly ran into a problem. When people put their finger on the screen of a mobile phone to scroll down the page, the page does not scroll down. Instead the slider “captures” the touch gesture and tries to scroll sideways to show more posts.
How can I make a “dead zone” of a few pixels so that any downward scrolling will result in the whole page scrolling, and any sideways scrolling will result in the slider showing more posts? Alternatively, how do I cleanly remove the whole slider or move it to the bottom only on mobile?
Thanks!
This is a private message.
This is a private message.
Hi Tor
We recently added that to help mobile users. As you’ve seen though, it’s not helpful when the carousel is used in the header. At the moment there is unfortunately no way to turn off touch swipe. The best I can think of is to hide the carousel on mobile. Once it’s back in the header we could send through a CSS snippet to help out with that.
It’s back now :)
I tried to remove it with CSS, but my code left a blank space! Your help is appreciated :)
Cool. Let’s try:
@media (max-width: 480px) { #pg-23-0 { display: none; } }Thanks, perfect!
Super, glad that does the trick.
All the best.