Increase the width of accordion

[Sohan2198]

Hello, 
I want to increase the width of this section.

In product page 

 

https://s7092cjts4kj02bd-58506346583.shopifypreview.com

please check,

Best,
Sohan

[niraj_patel · Accepted solution]

Hello @Sohan2198 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
.collapsible-content__wrapper .collapsible-content-wrapper-narrow{
max-width: 100% !important; /*adjust according to you*/
}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Made4uo-Ribe · Accepted solution]

Hi @Sohan2198 

Check this one. 

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

.collapsible-content-wrapper-narrow {
    max-width: 80% !important;
}

• And Save. 
• Result:
• 

  Note: you can adjust the size whatever you want. 

[niraj_patel · Accepted solution]

Hello @Sohan2198 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
.collapsible-content__wrapper .collapsible-content-wrapper-narrow{
max-width: 100% !important; /*adjust according to you*/
}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Made4uo-Ribe · Accepted solution]

Hi @Sohan2198 

Check this one. 

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

.collapsible-content-wrapper-narrow {
    max-width: 80% !important;
}

• And Save. 
• Result:
• 

  Note: you can adjust the size whatever you want. 

[PageFly-Noah · Accepted solution]

This is Noah from PageFly - Shopify Page Builder App

Hi @Sohan2198  please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

<style>
.collapsible-content-wrapper-narrow{
    max-width: 1200px !important;
    padding: 0px !important;
}

</style>

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly