How to align text in collapsible content

[CreatorTim]

Hey, how can I make sure that the heading and the hidden answer are aligned in the same line once it’s opened? I want this to work across all screen resolutions.

Here’s my store: https://1049xn-ya.myshopify.com/products/editing-masterclass
(Just scroll all the way down there's the collapsible content section.)

Thanks a lot,
Tim

[TheScriptFlow · Accepted solution]

Hey @CreatorTim this is Qasim a Sr. Shopify developer.

In order to make Collapsible content align with the text the please paste this code in the end of "collapsible-content.css" file.

Here is code 

.collapsible-row-layout .accordion .accordion__content {
    padding: 1.5rem !important;
}

If this was helpful please mark as solution and like it.

[GTLOfficial]

Hello @CreatorTim 
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> collapsible-content.css
add this code at the end of the file and save.

.collapsible-row-layout .accordion .accordion__content {
padding: 1.5rem !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks