Featured collection arrow size/alignment

Topic summary

A Shopify store owner is experiencing misaligned navigation arrows in their featured collection section—the arrows appear at different sizes and vertical positions.

Initial Problem:

  • User shared screenshots showing the alignment issue
  • Provided a preview URL and password for troubleshooting
  • Later removed the buttons before site launch but shared browser inspect information

Proposed Solution:

  • A community member noted the original URL was unreachable (possibly changed to notbasics.co.uk)
  • Suggested the arrow code is being overridden somewhere in the theme
  • Provided step-by-step instructions to locate and modify the CSS code in theme.liquid file
  • Recommended finding specific code snippets (shown in attached screenshots) and pasting custom CSS before the closing </body> tag

Status: The issue remains unresolved in the thread, with the solution pending implementation and testing by the original poster.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.

Hi! Can anyone help me please with an issue I’m having on my featured collection section (see image below). The arrows to scroll through the collections are completely different sizes and sit at different levels. Any advice on how to fix this would be greatly appreciated!

URL – https://pantee.co.uk/?key=11015765631583e3ae420183707fc790d51d8c1385e571d60da1e30e6519eb17&preview_theme_id=

Password – PANTEAMONLY

1 Like

I had to remove the buttons as the website goes live at 7 but here is the button inspect info.

Hi @emilyaugstudios

The URL you’ve shared is unreachable. I think you change it into https://notbasics.co.uk/

Anyway, the code for the arrow is overide. Try to change to this code, if not then you need to find this code on the theme.liquid.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “theme. Liquid” file. Find the tag and paste the code below before the tag.


And save.

Result:

Here’s the code that need to find.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like