Return to previous page

Autohide navigation arrows in sliders for mobile devices

This topic has 2 replies, 2 voices, and was last updated 3 years ago ago by Rose Tyler

geYdes

Participant

September 6, 2021 at 12:08

Hi,

How can navigation arrows be auto-hidden in sliders for mobile devices?

Example: products, testimonials widget or blog carousel.

Thanks.

Regards.

Please, contact administrator
for this information.

#301430 Copied Theme version: 8.0.5 WooCommerce version: 5.6.0

1 Answer
Rose Tyler

Support staff

September 6, 2021 at 14:24
Hello,

Add the next code in Theme Options > Theme custom CSS > Custom CSS for mobile:
```
.swiper-entry .swiper-custom-left, .swiper-entry .swiper-custom-right, .swiper-entry:hover .swiper-custom-left, .swiper-entry:hover .swiper-custom-right {
    opacity: 0;
    visibility: hidden;
}
```
Regards
#301441 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Jewellery Niche Market – Multivendor WP WooCommerce Theme

lazy-placeholder

Lawyer – WordPress WooCommerce Theme

lazy-placeholder

Minimal Electronics – WordPress WooCommerce Theme

lazy-placeholder

Classic Fashion Store (Dark) – WordPress WooCommerce Theme

lazy-placeholder

Minimal Fashion 02 Store – WordPress WooCommerce Theme

lazy-placeholder

Electron Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Sport Store – WordPress WooCommerce Theme

lazy-placeholder

Furniture Store 03 – WordPress WooCommerce Theme

lazy-placeholder

Ecoenergy – WordPress WooCommerce Theme

lazy-placeholder

Grocery Mega Market – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.