I removed the arrows from the slide section, however is did not remove them on mobile version. Help

[Rcard]

I removed the arrows from the slide section, however is did not remove them on mobile version.

https://pawprosupply.com/

[BSSCommerce-HDL]

Hi @Rcard,  Can you kindly share the details of your problem (screenshot/ link page) with us? We will check it and suggest you a solution if possible.

[Rcard]

The arrows with dots on the screen. I had a code to remove them from the desktop view however they are still seen on mobile. See photo below 

 

 

[BSSCommerce-HDL]

Hi @Rcard, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

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

Here is result: 

Hope this can help you,

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

[theycallmemakka · Accepted solution]

Hi @Rcard 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
    .slideshow__controls {
        display: none !important;
    }
</style>

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[PageFly-Amelia]

Hi @Rcard 

This is Amelia from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code. 

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

@media (max-width: 767px){

.slideshow__controls.slider-buttons.no-js-hidden {

    display: none;

}}

Hope that my solution works for you.

Best regards,

Amelia | PageFly