Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter erbacealab

    (@erbacealab)

    Alternatively, for me it would also be fine to eliminate the display of the arrows, but only in the mobile version, keeping them in the desktop version

    Plugin Author NikHiL Gadhiya

    (@nikhilgadhiya)

    Hello @erbacealab ,
    Sorry for the delay; I’m on vacation.
    I’ve checked the issue and found that you’re using a different font family, which is why the arrow isn’t showing. Please add the following CSS to your site, and after adding the CSS, make sure to clear your site and browser cache.

    .nickx-slider-for .btn-prev:before, .nickx-slider-for .btn-next:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: bold;
    }
    .nickx-slider-for .btn-prev:before {
    content: "\f104";
    }
    .nickx-slider-for .btn-next:before {
    content: "\f105";
    }

    Thank You.

    Thread Starter erbacealab

    (@erbacealab)

    Thank you very much, now it works correctly.
    What if I wanted to not show the arrows on the mobile version?

    Thanks,
    Valentina

    Plugin Author NikHiL Gadhiya

    (@nikhilgadhiya)

    Hello @erbacealab,
    Please add the following CSS to hide slider arrows in mobile.

    @media (max-width:500px){
    .nickx-slider-for .btn-prev, .nickx-slider-for .btn-next {
    display: none !important;
    }
    }
    Thread Starter erbacealab

    (@erbacealab)

    Thank you so much, now everything works as I wanted.
    I appreciate your help, have a nice day,
    Valentina

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.