There are different adjustments to fix this:
- Select the accordion and set the stroke to "0".
- Select one accordion label (in the upper left corner of the application window you can read "Label: Normal").
- Make sure, that in the accordion configuration the option "Editing:" is set to "Edit together". Now go through every state of the label (Normal, Rollover, Mousedown, Active) and set the stroke to "0".
- Select the whole accordion again, open the "Spacing" panel and set the "Spacing" and "Gutter" values to "0".
- Now, all should work as you are expecting.
One more thing (© Steve Jobs ): Apparently, you have pinned the accordion. This is the reason, why the accordion, while opening, overlaps the elements below. Pinned objects are not allowed to influence (push down) other elements of the page.
One more reason (not mentioned in my post above), and the decisive one in your case:
You are using system fonts ("Gobold") within the accordion labels. System fonts have to be converted to images during output, because Muse obviously can’t guarantee, that every visitor of your site has these fonts installed.
You can see this issue, because there is this tiny, but important icon:
Solution: Always use "standard fonts" or "web fonts" on your site! Muse’s font menu has clearly categorised font entries and explains shortly, what happens, if you use a font out of one of the different categories:
When I set the accordion not to browser width it works as intended. Exciting!
Of course! If you use system fonts only "Scaling = browser width" or "Scaling = None" is available. If no scaling is choosen the "font images" keep their size – what means: no unexpected side effects (except the conversion text <_> image).
That sounds logic to even me. Great.
I changed the font of my labels, and it works perfectly !
Thank you !
Also, my accordion is not pinned to any place, juste centered to the middle of the page by default..
I'm going to dig a little bit and see how I can improve the overlaping of elements below