The Easter Sale is on! Join now or renew your subscription with a 25% OFF! Read More

Support Forum

Collapsible Section and centering

Hello Ivo,

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!
Responses (4)
Sorry, but you are not allowed to view the replies here.
Your Reply

Become an insider | Subscribe to our Newsletter
Subscribe to our mailing list and stay up-to-date with all our awesome releases, latest updates and amazing discount offers!