How to center a widget in responsive design?

[Guest]

The only resize options available on the widget is None or Stretch to Browser Width.

I've played around with grouping transparent rectangles in a variety of attempts to get a widget to remain centered on my page as it narrows in width.

I've put a transparent rectangle above the widget, to the left and right of the widget (both grouped and not) and I built a group with above, left and right and all have failed to keep the widget centered.  Sigh!

Am I right in my belief that only objects that share the same resize setting are group-able? If so, Even though the widget shows up in Layers under the group, obviously it does not behave as I had hoped.

Pinning isn't available because I want the design to work in pads and phones so unfortunately that's not the solution (looks great in Design mode though).

Searched these boards and can't find an answer.

View the test site at www.songseeds.com/a    The widget is visible by going to the page for the artist named "songseeds."

Thanks

[Ussnorway]

yes I pretty much only use Adobe BC now so this doesn't become an issue for me either