Adding navigational arrows to featured collection

Hello,

I would like to add some navigational arrows to the featured collections on my homepage. I currently have two small arrows with numbers under the products (see attached image)

I would to add something similar to this:

How can this be done?

I am using dawn theme and my website is - https://www.rugsrusonline.co.uk

Thanks in advance

To add navigational arrows to the featured collections on your homepage, you’ll need to modify the code of your theme. Here’s a general approach to accomplish this:

  1. Locate the section or snippet responsible for displaying the featured collections on your homepage. This could be in a liquid file such as index.liquid or homepage.liquid.

  2. Within the code, identify the HTML structure where the featured collections are rendered. Look for the section that generates the products and the associated HTML elements.

  3. Add the necessary HTML markup for the navigational arrows. You can use <div> or <span> elements to create the arrows. Here’s an example using Font Awesome icons for the arrows: