Change width of collapsible row in Dawn theme

Store Design
1

Hi, I added a table into collapsible row. It is wider than collapsible row. How can I increase width of collapsible rows in Dawn theme. Ideally based on width of page.

Thank you

2

@MarekJanci

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Hi, do you mean store link www.vr4dstore.com (pswd: studio727), or admin link? https://vr4dstore.myshopify.com/admin

4

Hi @MarekJanci

Do you mean this table?

view (30).png
view (30).png1904×964 228 KB

To change the width of this table, please follow these steps:

  1. Go to the Theme => Customize => Edit code

  2. Determine your base CSS theme file, named “base.css”.

  3. Open this file, and paste the code below to the end:

.product__description.rte.quick-add-hidden table {
width: 100% !important;
}
  • You save and check the result:

view (31).png
view (31).png1903×971 227 KB

We hope that this can help you.

1 Like
5

Hi, this is helpful as well. Thank you . I’d like to stretch collapsible rows

MarekJanci_0-1677484718353.png
MarekJanci_0-1677484718353.png1544×361 8.39 KB

6

Hi @MarekJanci

You can paste this code following based on the guide we mentioned in the previous comment:

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

We hope that it will work for you.

1 Like
7

Thank you very much. It works.