Left-align collection description and make it hidden after exceeding x length

Store Design
1

I want to left-align the collection description and make it expandable/collapsible after a certain length. How would I go about this? I use focal as a theme.

2

Hi,

Will you please share your store URL to be able to assist you on this.

3

Thank you! dossify.se

4

Can this be done? :slightly_smiling_face:

5

Anyone have a solution for this?

6

Hi,

Sure it can be done, I just need your store URL to be able to give you the code for it :slightly_smiling_face:

7

Hi,

I posted it above. Its dossify.se

8
  1. Go to online store
  2. Click on Edit Code
  3. Open your theme.css file
  4. Paste the below code at the bottom and save

.page-header__text-wrapper {text-align: left; margin-left: 0px !important; max-width: 100%;}

9

Thank you, this worked for left align!

Is it possible to make it collapsible after say 8 rows?

10

Glad I could help. For the collapsible content follow this thread https://community.shopify.com/post/1644076

11

Hi Natasha , I tried this but it didn’t work for me.