Mobile version for specific pages only

Ask the community
,
1

In addition to information pages, my site has games and applications made for vertical viewing mode only.

  • If I disable the mobile version, the applications will work vertically, but the site will not be mobile friendly.
  • If I try to group elements of applications in order to fix their position relative to each other, then in the mobile version they fly apart.

Is there a way:
a) to use corvid to fix or stick the position of all page elements relative to each other in mobile version (horizontal and vertical);
b) to enable/disable the mobile version to certain pages using corvid code;
c) to implement through the creation of an API module, that will hold the elements in their original desktop version.

Thank you, Igor.

978×496 245 KB

336×629 77.4 KB

2

See the Mobile Editor docs .

3

Plus for the code side, look here too.
https://www.wix.com/corvid/reference/wix-window.html#formFactor
https://support.wix.com/en/article/corvid-writing-code-that-only-runs-on-mobile-devices
https://support.wix.com/en/article/corvid-tutorial-displaying-elements-in-mobile-only

Testing for this must be done on a fully published website too, don’t use preview mode only as it sometimes doesn’t work properly.

4

Thank you Yisrael for the tip!
I read 25 articles on the mobile version, but didn’t find anything related to this problem. Perhaps I missed something, but I am familiar with the mobile editor and it only allows me to move elements in horizontal mode, and this is not what I need, since these pages should only work vertically.

Therefore, I am looking for an option to group elements together on certain pages, so that they do not fly apart in either horizontal or vertical mobile mode and sticks together like an image.

Is it possible to put the js code in corvid on a mobile page, which will connect these elements together?

Appreciate for your help!

5

@olymp9network

Unfortunately you are limited to what you can do within the mobile editor with regards to code and you can only code for the mobile version of your website whilst in the desktop editor, as shown below.

You can group elements, however when the page is changed for mobile editing/viewing you have no control over where the editor places the elements, hence why you have to sometimes move them back into the required position through the mobile editor.

Can you make these required elements into images etc so that they can just be pasted into the mobile page as a complete image for example, so that they will always be shown grouped together regardless of the device being vertical or horizontal?

Or do they need to be specific elements that are variable or user inputs etc that can’t be made into anything else.

6

@givemeawhisky
Thanks for the advise!
I really combined all the design elements into one image, leaving only a minimum for functionality, knowing the limitations of the mobile version. As an option, I’ll change the design and layout of applications to adapt them for the mobile version. Already have ideas!
Thank you so much!

7

There is some useful information on these links, so maybe it will help with ideas on how to add some code. Need to explore more of an options.
Many thanks!