How do you remove the preview/next buttons on a product description page?

Arundhungel
New Member
5 0 0

Sorry I did not get what this means? I will be grateful if you can elaborate. Sorry for my ignorance.

0 Likes

@Arundhungel Do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
admin-page.png

2. Find Asset > styles.scss.liquid and paste this at the bottom of the file:

 

 

 

.product .nav_arrows{
    display: none !important;
}

 

 

 


Please let me know whether it works.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Add a slider to product page images: Minimal theme | Debut theme | Brooklyn theme
◦ Contact: ezfycode@gmail.com.
0 Likes
yahmean
New Member
1 0 0

nope

0 Likes
PascalR
Excursionist
20 0 4

Hello, we have turbo-portland theme. We did it because we want to delete arrow in products on mobile phone, but it does not work. Can you help us.

https://www.miami-hair-shop.com/

Regards

Pascal

0 Likes
Abhay21
New Member
3 0 0
Hey, can you send a screenshot of which arrows are you talking about?
0 Likes
Natztech
Shopify Partner
637 171 424

@PascalR  can you please sahre  screenshort which arrow you want to delete arrow

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
PascalR
Excursionist
20 0 4
Hello,
the arrows on mobile phone on image product slide

[image: 1.GIF]

they are not on pc view

[image: 2.GIF]

Regards
Pascal

0 Likes
PascalR
Excursionist
20 0 4

1.GIF2.GIF

0 Likes
Natztech
Shopify Partner
637 171 424

@PascalR  please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 769px){
 #shopify-section-product-template .flickity-prev-next-button svg {
    display: none !important;
}
}

  

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
PascalR
Excursionist
20 0 4

Thanks a lot. It works perfectly

0 Likes