Horizon theme - Align or hide arrows in collapsible content blocks

Store Design
, ,
1

Hi,

I have added collapsible content blocks on my product pages. E.g. ‘More info’, ‘Production’ etc.

The arrows on the right are not lining up properly.

Does anyone know how I can align them or hide the arrows completely?

Thanks for your help!

2

Hi @MrWild

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

3

@MrWild can you please share your website link?

4

Hi @MrWild,

1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.product__accordion .accordion__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

Thank you!

5

Amazing.

Thanks for your help!