Delete arrows on mobile lorenza theme

[Nadine10]

How do I delete arrows on this page for mobile? (Both on product carousel and You May Also Like)

https://myhaveli.com/collections/tops/products/zaia-raw-silk-overcoat

[Moeed]

Hey @Nadine10

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[BSSCommerce-TC]

Hi @Nadine10 ,

You can follow these steps

Step 1: Go to Online store > Themes > Edit code and find theme.css file

Step 2: Insert below code at the end file and Save them

@media (max-width: 769px){
   .flickity-prev-next-button.next,
   .flickity-prev-next-button.previous,
   .carousel__next-button,
   .carousel__previous-button {
     display: none;
    }
}

If our suggestions are useful, please let us know by giving it a like and marking it as a solution. Thank you very much

[Rahul_dhiman]

Hello @Nadine10

Go to online store ---------> themes --------------> actions ------> edit code------->Theme.css
at the end of the file.

@media (min-width: 38em) {
.carousel__previous-button {
display: none;
}
}

@media (min-width: 38em) {
.carousel__next-button {
display: none;
}
}
@media (min-width: 38em) and (max-width: 60em) {
.product__media .flickity-prev-next-button.previous {
display: none;
}
}
@media (min-width: 38em) and (max-width: 60em) {
.product__media .flickity-prev-next-button.next {
display: none;
}
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks