How to eliminate mobile screen arrows?

[Alex-li]

Hi, how do I remove these arrows on mobile?

https://neverskiptrail.myshopify.com/

password 12345

[PageFly-Richard]

Hi @Alex-li

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file

@media screen and (max-width: 767px){

.slider-buttons.no-js-hidden{

display: none;

}

}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

[ReturnPrime]

Hey @Alex-li ,
Welcome to the Shopify community!
You can follow the instruction below:
Go to Online Store-> Theme->Edit code->base.css->paste bellow code in the bottom of the file.

@media screen and (max-width: 767px){
.slider-buttons {
    display: none !important;
}
}

If you feel like my answer is helpful, please Like and mark it as a solution. Let me know if you have any further questions.
Thank you!
Raman

[Alex-li]

this did not work

[Alex-li]

this did not work

[KetanKumar]

@Alex-li

can you please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/component-slider.css ->paste below code at the bottom of the file.

.collection .slider-buttons {
    display: none !important;
}

[Alex-li]

This worked thank you!

how do i remove it from this section