Slider arrows on mobile are not showing correctly

  • Resolved ursulakruger

    (@ursulakruger)


    2 years, 6 months ago

    Hi, I have activated arrows to show for the slider elementor widdget. They show perfectly for desktop but when I visualize my page on mobile they seem to show behind the picture in the upper middle part, kind of hidden and not on the center and on the sides as I configured on settings. Just wanted to know if there is a problem with the plugin or I might have not configured it correctly?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Support SM Rafiz

    (@srafiz)

    Hi @ursulakruger

    Please add the below CSS codes in Dashboard->Appearance->Customizer->Additional CSS. The slider arrow issue will be resolved.

    @media only screen and (max-width: 576px) {
    .rt-elementor-container .rt-carousel-holder:not(#team-member-profile-gallery):not(.bottom-nav):not(.rttm-carousel-main) {
        margin-top: 20px;
    }

    .rt-carousel-holder .swiper-nav .swiper-button-next {
        right: 10px !important;
    }

    .rt-carousel-holder .swiper-nav .swiper-button-prev {
        left: 10px !important;
    }

    .rt-carousel-holder.standard-nav .swiper-nav {
        top: 50%;
        margin-top: -30px;
        width: 100%;
        z-index: 1;
    }
}

    Thank you.

Viewing 1 replies (of 1 total)
  • The topic ‘Slider arrows on mobile are not showing correctly’ is closed to new replies.