Don't add elements from outside viewport to mobile design!

We just spent three days making a mobile perfect design for a large client. Then they would like some more buttons on the desktop version.

So, I drag out three buttons outside the desktop sites viewport and then place them where they should be. Then I publish and tell the client that the three new buttons are added as wished for.

What did just happen? The mobile view is F***D UP because these three buttons have been added on top of the mobile page?

This is insane in so many ways, because now I have to remake the mobile page again with the knowledge that every time I add something to the desktop view the mobile view will get screwed.

This can’t be the case? Please tell me that some bug or something has accidentally come back to the system due to to little coffee for some developer in Tel Aviv :wink:

Just joking about the coffee but this has to be taken care of asap. We lost three days or work and got a client who did not like this. I will have nightmares about when the client changes something and have to re arrange the mobile themselves.

So please developers of WIX, if we add stuff in desktop view put it outside viewport on mobile and do not automatically insert them please.

And during meantime please guide me how I am suppose to come around this in some smart manner.

Hi Andreas,
Thank you for your feedback,
I’m here to guide you to come around this in some smart manner :slight_smile:
Mobile editor has a plenty number of tools that help to adjust automatically generated layout quickly and easily.

  1. Optimize Layout button.
    This will rebuild the current page layout from the scratch, and in the most cases it works like a magic. We suggest to start with this as a first step.
    Important note: it drops all manual changes that were applied on this page previously, so use it wisely. In any case it is always possible to undo the latest changes by “Undo” button.

  2. Toolbar - Size
    It is always possible to set manually a component dimensions and its position. This is the fastest way to move a component around the mobile site.

  3. Section actions tool
    It is always possible to hide a component that should not be visible in the mobile version of the site. And it can be moved up or down by arrow buttons.

  4. Zoom out & Reorder tool
    This tool helps to have a look on a site from a higher perspective and reorder all sections in easy way.
    All changes that made in Mobile Editor applied to the mobile site only, they do not influence the desktop site. “What happens in mobile stays in mobile.”

I hope this will help you,
Regards,
Andrey Moiseev

Hey
Not really I am afraid. I add elements to the desktop and they are automatically added to the mobile. I don’t want the editor to do this at all. I want to be able to add elements to desktop and mobile that do not effect design.

Every time I add something to the desktop my mobile design gets changed. I have a client that wants me to design mobile first so their desktop site does not matter that much but their mobile does.

So I want to be able to add elements both to desktop and mobile that are only usable and visible on each not common to both sites.

Andreas occasionally I duplicate a page and use it for mobile only. So I hide it from the desktop and show on mobile and then hide the “original page” on mobile. That way I can remove elements I don’t need on mobile or add in things I do. This works for all pages except the home page, because you can’t hide the home page from mobile - I want to explore if there is a way to redirect a home page on mobile to my “customized” mobile friendly home page. Wix code people is this possible to redirect the home page to my mobile version of home? or It would be great if I could just toggle a switch to set my “mobile home” page to be set as the “home” page for mobile only. Would welcome any ideas on this…

This was really helpful to me! thanks!