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, 7 months ago ago by Rose Tyler

  • Avatar: geYdes
    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
    Avatar: Rose Tyler
    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

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Eco Scooter Store – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme
lazy-placeholder
Sushi Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Barbershop – WordPress WooCommerce Theme
lazy-placeholder
Games Dark – WordPress WooCommerce Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
Photographer – WordPress WooCommerce Theme
lazy-placeholder
Real Estate – 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.