I have implemented the Collapsible Section particle however I am having some styling issues.
I have a container that is split Sidebar |25%| & Main |75%|
I have created a Module Position inside the Main 75% section and added a CSS ID of main-b.
After assigning a Gantry 5 Custom HTML Module to that position the text in the "g-toggle-text" is not centered to the 75% but in fact is centered a little to the left of the center of the whole page. Upon clicking on the collapsible section text to open, the content is where it should be. It is only the "g-toggle-text" that is not.
I have tried quite a few things but I have not been able to get it to be centered.
I can add a style attribute to it where I move it right: +200px;
but then I'm left with having to create a bunch of media queries for other devices.
Can you help me to center the Collapsible Section text inside the 75% main section?
Any help would be greatly appreciated!
Here is a link to the test page
so you can see what is going on.
Thank you in advance!