How to remove arrows under product pictures?

[Anonymous]

Hi, i want to remove the arrows under the product pictures on mobile version like i describe in the picture.

I hope you can help me:

my url: https://8ni0pc-bm.myshopify.com/

Thank you.

[Made4uo-Ribe]

Hi @Anonymous 

Try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

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

• And Save.
• 

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[Moeed]

Hey @Anonymous 

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 </body> tag

<style>
.slider-buttons {
    display: none !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[Anonymous]

Thank you. Is it possible to remove a little bit more only at the top like here: