Hide lines in accordion / collapsible rows

Technical Q&A

Topic summary

Goal: Hide the visible divider lines in accordion/collapsible rows on a product page (UI sections that expand/collapse).

What was tried:

  • Added a Liquid conditional in the section’s Custom Liquid:
    {%- if product.metafields.custom.description2_h eading != blank -%} {%- endif -%}
    But the lines still appear.
  • Previously tried a theme code snippet from another thread; it didn’t work.

Evidence/attachments:

  • A screenshot was provided, which appears central to understanding the visual issue.

Current status and next steps:

  • A helper requested the store URL to inspect and diagnose specifics (theme/context-dependent CSS).
  • No solution or code fix has been provided yet; the thread remains open and unresolved.
Summarized with AI on January 7. AI used: gpt-5.
1

Hello, I’m trying to hide the lines of my accordion / collapsible rows on my product page. I inserted this code in the custom liquid of the collapsible row section, but the lines are still showing.

{%- if product.metafields.custom.description2_heading != blank -%}

{%- endif -%}

On another thread I saw a code to insert in the theme code, but that didn’t work for me. Help!

Screenshot 2024-01-24 11.30.26 AM.png
Screenshot 2024-01-24 11.30.26 AM.png1720×850 87.6 KB

1 Like
2

Hi @popsicle

Would you mind to share your store URL? Thanks!