How to add arrows to featured collection grid on mobile?

How to add arrows to featured collection grid on mobile?

abailea077
Excursionist
44 0 16

Hello!

 

I have 5 featured collection grids and I want them to have an arrow on the mobile version because on some mobiles we can not see that there is other products to the right. (see the image)

 

Is it possible to have nices arrows to go to the right and left for the mobile version?

 

Theme: Stiletto

URL:

https://toroeatstreats.com/collections/all

 

Question 18.jpg

Reply 1 (1)

PageFly-Amelia
Shopify Partner
579 163 233

This is Amelia from PageFly - Landing Page Builder App

After reviewing your theme, I recommend using the Featured Collection Slider section to display your products. This section includes an arrow button for navigation, but I noticed that the arrows are hidden on mobile devices.

 

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

 

 

Hope that my solution works for you.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.