How to display organicArrows on mobile view ?

[007AMAN007]

I just started using this package today, I want to know how to display organicArrows on mobile view. I am using organicArrows={true}

I know on mobile view by default arrows visibility is hidden, how I can change it's visibility ?

[trolit]

One way I can think of is adjusting slider styles within scss file.

First, follow steps to configure your own scss file for that slider: https://github.com/rcaferati/react-awesome-slider/issues/147#issuecomment-706706461

Second, find that part:

    @media all and (max-width: 520px) {
      visibility: hidden;
    }

and remove visibility: hidden

voilà:

bonus:

You will probably want to adjust them to your needs. Just get back to part mentioned above and play with styles like how animation behaves, arrow size. Here's example on how to reduce their size.

@media all and (max-width: 520px) {
      &__arrow-left,  {
        height: 20px !important;
        margin-left: 20px;
      }

      &__arrow-right {
        height: 20px !important;
        margin-right: 20px;
      }
    }

result:

[007AMAN007]

Thank You @trolit ; Awesome it's working very fine.