Aligning the PC and Mobile View

As a newbie, I am finding it hard to align the output for PC/Desktop and Mobile views.
For example, I have a smaller solid circle inside a larger circle. This looks fine on the desktop view but in the mobile view, the two circle get separated out and are rendered one below the another with center alignment. Please guide me on how to keep these two elements in the same relative position in both the views. Thank you.

Hi Sachin

I assume you have used the Mobile View in the Editor, to adjust the circles, right? Otherwise, that usually helps with aligning stuff in both views.

Hi Anders

You are right. I am using the Mobile View in the Editor to adjust. But, this is becoming tough as the number of elements in the design are increasing. I was wondering if there is a way to connect some items to keep the relative positioning same. Grouping doesn’t seem to work.

I have had the same issue with one site I build. I tried with grouping, putting them in a box, etc. to no avail. So unfortunately, I don’t have any other immediate solutions for you.

Why not just simply make sure that the smaller circle is attached to the larger circle so that it is contained within the larger circle element?
https://support.wix.com/en/article/attaching-elements-to-a-box

Also, this forum is for all code related issues on your site, for your question about the editor itself, you are better suited going through Wix Support themselves.
https://support.wix.com/en/about-wix/contacting-wix-support

Plus, you can read and search Wix Support pages to find whatever you are wanting to know.
https://support.wix.com/en/

The only way is to edit manually in the mobile view. Let’s hope that WIX comes up with a better solution in the future.

Thanks for the comment.
Grouping elements are not helping. I have to adjust the elements manually in the mobile view.