Responsive design for collapsable content?

[ossov]

Hello, I need help with responsive styling for a collapsible content section on my product page. I have applied rules in the CSS such as 'align-self: centre' and 'justify-content: centre', but they do not work. When I view the product page from different-sized screens, the collapsible content ("Practitioner Info") does not stay in the correct spot. I need help finding what is preventing it from being centred.

https://github.com/ossov/pacess-theme-project

https://pacess-theme-v2.myshopify.com/products/abundance-essence
PW: iffais

Cheers!

[vm-web]

@ossov 

Can you share a screenshot of what you want? I can help you!

Thanks!

[ossov]

@vm-web Hello, here are some screenshots of what I'm referencing. I would like this button to remain in the centre of the screen at all times. In the second picture, you can see it changes position when I view the page from a larger screen.

Thanks!

[ossov]

@vm-web Sorry, I gave you the wrong link. The one below will allow you to see what I'm referencing.

https://pacess-theme-v2.myshopify.com?preview_theme_id=144676421817
PW: iffais

[vm-web]

@ossov 

Can you share this product URL!

Thanks!