HELP! - Symmetry theme "NEXT 1 | 2 | 3" links not working at bottom of category pages

Technical Q&A

Topic summary

A user encountered non-functional pagination links (“NEXT 1 | 2 | 3”) at the bottom of category pages in the Symmetry theme.

Initial Problem:

  • Pagination navigation controls were not working properly
  • User sought help identifying which file contained the relevant code

Troubleshooting Process:

  • Shared code from pagination-control.liquid file
  • The posted code appears corrupted or reversed (text displayed backwards/garbled)
  • Also referenced CSS for .pagination-row styling

Resolution:

  • User successfully resolved the issue independently (“I DID IT!!!”)
  • No specific solution details were shared
  • The fix appears related to CSS margin adjustments (top-margin: 100px; bottom-margin: 20px)

The thread concluded with the problem solved, though the exact fix wasn’t documented for future reference.

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

Can anyone tell me why these wouldn’t be working and what file this part of the code would be in?

https://www.ebodyboarding.com/collections/eyewear

2

This is the code in my pagination-control.liquid:

{% if paginate.pages > 1 %}

{% if paginate.previous %} « {{ 'general.pagination.previous' | t }} · {% endif %}

{% for part in paginate.parts %}

{% if part.is_link %}
{{ part.title | link_to: part.url }}
{% else %}
{{ part.title }}
{% endif %}

{% endfor %}

{% if paginate.next %}
·
{{ ‘general.pagination.next’ | t }} »
{% endif %}

{% endif %}
3

I DID IT!!!

/* Pagination */
.pagination-row {
text-align: center;
margin-top: 100px;
margin-bottom: 20px;
}