Make collapsible row lines full width on product page - mobile only

[ads18922]

hello, i would like to make my collapsible row lines full width on my product page for my product information section - mobile only. This is my store:

and i would like mine to look like this:

where the lines go full width.

my store is www.antico-abito.com , theme is dawn

[Azmere]

I would like to help you out

Kindly respond ASAP if you’re seeing this @ads18922

[mageplaza-cs]

Hi @ads18922

I am from Mageplaza - Shopify solution expert.

Please add the following code to the customize CSS section of the product section, or include it in the base.css file to achieve the desired customization:

@media screen and (max-width: 750px) {
   .product__info-wrapper .accordion{
        position: relative;
        width: 112%;
        left: -20px;
        padding: 0 20px;
    }   
}

*Result:

Please let me know if it works as expected

Best regards!