Responsive Accordion

[StephanieMo]

Hello,

I added an accordion for the 550 breakpoint to showcase products. The products in the accordion are all set to pin to page center, resize none.  The accordion is set to responsive width, but the accordion is not centering on the page.  It's pulling to the right.  Any help to fix this would be appreciated because I am baffled.

Microfiber Cloths, Lint Free, 80% Polyester, 20% Polyamide | Wiper Central USA

Note: I added an accordion to the page link below and it works fine. It's just the Microfiber Cloths Page that's not working correctly.

Cotton Cleaning Towels, Surgical Towels, Bar Mops | Wiper Central USA

Thanks,

Stephanie

[Günter Heißenbüttel]

This can’t work correctly: In smaller breakpoints, the accordion „bleeds“ outside the page/breakpoint width, thus causing the issues you are talking about.

If you don’t succeed in fixing the issue, please delete all pages except one, all elements except the accordion, save this small .muse file under a new name, upload it to Dropbox, CC Files or a similar file sharing service and post the download link here. Then we can have a look.

[StephanieMo]

The accordion works perfectly on the 550 and 720 breakpoints on the Food Service/ Kitchen Towels Page. The trouble is on the 550 on the Microfiber/ Microfiber Cloths Page. Below is the link to the file with both pages so you can compare the two.

Dropbox - wiper central 7:3:18 adobe support.muse

Thanks,

Stephanie

[Günter Heißenbüttel · Accepted solution]

Here, all your pages have issues, which are caused by elements, which overlap the breakpoint widths. Look at this small screencast:

Her you find some more informations about this widely spread issue: https://forums.adobe.com/docs/DOC-8953​

Please make sure, that no element overlaps/is placed outside the breakpoint width in no situation (even if dragging the scrubber to simulate the width of the browser window.

When you have corrected these issues and the initial problem is still present, please give us a corrected .muse file to investigate.

[StephanieMo]

I wasn't exactly clear on your points. But I decided to just stretch the accordions to browser width and all the accordions work fine now. Could you please delete the video from your YouTube channel because it's a clients website.

Thank you for your help!

Stephanie

[Günter Heißenbüttel]

Done.