How Do I Change My Arrows to the Side of my Slideshow Images?

Store Design
,
1

I am having trouble trying to search up how to do it, but it seems that no one has done it.

This is the correct way of how i want my slideshow to look like, including the size of the heading and subheading.
This is the correct way of how i want my slideshow to look like, including the size of the heading and subheading.1744Ă—517 85.7 KB

This is my slideshow but i find that it's not the correct way i want it to be. Thanks
This is my slideshow but i find that it's not the correct way i want it to be. Thanks1230Ă—630 66.3 KB

2

What’s theme are you using?

3

I am using Taste

4

Go to your Online store > Themes > Edit code > open theme.liquid file, add this code under element
5

Hi there, it did work however there is a pause and play on the right arrow which it will not allow me to press next, how do I move that to the bottom of the image?

6

Please update the code
7

Thank you.

1 Like
8

Hi Dan,

Thanks for your help - this worked well for my site as well (DAWN THEME)

However, there are 2 issues Im facing, would be extremely helpful if you could help fix. (Both are in mobile version)

  1. On mobile, the arrows are not vertically centered… they are slightly towards the top. Can you please look into this?

Screenshot 2024-08-03 at 10.41.30 AM.png
Screenshot 2024-08-03 at 10.41.30 AM.png934Ă—1368 199 KB

  1. Also, the arrows are appearing on top when Im opening the mobile menu… they are not under the menu but rather on top of it…

Screenshot 2024-08-03 at 10.41.37 AM.png
Screenshot 2024-08-03 at 10.41.37 AM.png934Ă—1368 64.5 KB

Please help fix this…I’ve tried doing it myself for hours but unable to. Thanks a ton in advance :))

9

Forgot to mention link to my site - Link to site: https://f40566-d3.myshopify.com/?_ab=0&_fd=0&_sc=1

10

Hi @RaghavGoel1

Please update the code