My collection descriptions are showing twice on each colletion page

Store Design
1

please i need help. My collections on the backend have 30 over products but on the front end it shows one product on the front end on mobile. i tried finding the fixing the issue and ended up with collection descriptions that are showing twice on each collection. i am deeply distressed at this and completely out of ideas as to how to fix this. i tried all i know. Please Help me fix this

https://ralgifthampers.com

3

I would be glad if you could help take a look. Just let me know what you’ll need to do so please.

Thank you

4

Hi @ralgiftsolution

Ok dear, please share your store URL and collaborator code with me so I can check and provide you with the proper solution.

6

You are not suppose to share this kind of information in public.

But its fine the url isnt correct by the way.

7

I am so sorry, i didnt even realise i even responded to some other persons comment till now. Thank you so much. i just deleted the response. i hope its not too late! how do i send you details to help me check please?

8

You can choose any other option. Check.

Help
Help1080Ă—1080 151 KB

9

@ralgiftsolution - I think you have solved this issue, I can see the product description and it is not duplicated

10

  1. Collections only showing one product on mobile (even though there are 30+ in the backend)

  2. Collection descriptions showing twice

Don’t worry — both are fixable and I’ll walk you through the exact causes and solutions :backhand_index_pointing_down:

:puzzle_piece: 1. Only One Product Showing on Collection Page (Mobile)

:white_check_mark: Likely Cause

This usually happens when:

  • The collection template’s product grid section has been edited or misconfigured.

  • Or there’s a CSS/display issue (common in mobile view after customizations).

  • Or the “products per row” setting is set to 1 for mobile in your theme settings.

:hammer_and_wrench: Fix:

Step 1: Check the collection template layout

  1. Go to your Shopify Admin → Online Store → Themes → Customize.

  2. Open any collection page from the top page selector.

  3. In the left sidebar, click the “Product grid” or “Collection product grid” section.

  4. Look for settings like:

    • “Products per row (mobile)” → set to 2 or 3

    • “Number of rows” → increase if it’s set to 1

    • Ensure “Enable infinite scroll” or “Show all products” is ON (if available).

Step 2: Check for CSS conflicts

If that setting looks fine, you might have custom CSS forcing each product to take 100% width (thus showing one per row).

  1. In Customize → Theme settings → Custom CSS (or in base.css / theme.css), look for any of these lines:

.collection .grid__item { width: 100% !important; }

  1. or

:puzzle_piece: 2. Collection Description Showing Twice

:white_check_mark: Likely Cause

You may have accidentally duplicated the collection description rendering line in your theme template.

Step 1: Fix in Code

  1. Go to Online Store → Themes → Actions → Edit Code

  2. Open:

sections/main-collection-banner.liquid

Or

templates/collection.liquid
templates/collection.json
sections/collection-template.liquid

  1. Look for this line:

{{ collection.description }}

Step 2: Save and refresh your collection page — the duplicate description will disappear.
.grid–2-col-tablet-down .grid__item { flex: 0 0 100%; }