Remove controls/arrows from gallery reel on mobile only

Site URL: http://www.elizadohertyconservation.com

Hi everyone,

I'd like to remove the arrows from my gallery for mobile view but keep them for desktop view. Can anyone provide me with a code?

Thank you! 

Add to Home > Design > Custom CSS

/* Remove gallery reel arrows */
@media screen and (max-width:767px) {
.gallery-reel-control {
    visibility: hidden;
}
}

fantastic, that worked, thank you!

Hi there,

Is there a version of this code that can be used for a banner slideshow? 

I want to remove the arrows completely but still keep the autoscroll.

If I remove them via the usual remove option in 'design' - the autoscroll no longer works and the image is locked.

I would be very grateful for help.

On 10/19/2021 at 10:51 AM, LMauri said:

Hi there,

Is there a version of this code that can be used for a banner slideshow? 

I want to remove the arrows completely but still keep the autoscroll.

If I remove them via the usual remove option in 'design' - the autoscroll no longer works and the image is locked.

I would be very grateful for help.

 

 

Can you share link to your site?