> Portal Navigation:
> 
> - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version.
> - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages).
> - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`).
> - Top-level index of all portals: https://dev.wix.com/docs/llms.txt
> - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt

## Resource: Working in the Mobile Editor

## Article: Working in the Mobile Editor

## Article Link: https://dev.wix.com/docs/develop-websites/articles/coding-with-velo/frontend-code/mobile/working-in-the-mobile-editor.md

## Article Content:

# Velo: Working in the Mobile Editor



The primary functionality for the mobile Editor (Wix Editor) or [breakpoints](https://support.wix.com/en/article/studio-editor-designing-across-breakpoints) (Wix Studio) is to design the layout of your site when viewed on a device such as a tablet or mobile device.

### Site behavior on different devices

You can use code to control how your site behaves on different devices. To find out which device your site is being displayed on, use the `formFactor` property of the [`wix-window-frontend`](https://www.wix.com/velo/reference/wix-window-frontend/formfactor) API, which returns either "Desktop", "Mobile", or "Tablet". You can then add code to your site that includes a condition to control how your elements behave, based on the device.

### Hiding elements on different devices

You can hide certain elements on your site when displayed on different devices using the mobile Editor (Wix Editor) or breakpoints (Wix Studio). Unlike an element's `hidden` property, which controls the visibility of an element when a page first loads, hiding elements allows you to specify which elements should never appear on tablet or mobile views of your site. 

> **Note:**
> Breakpoints (Wix Studio) allow you to hide elements in customized breakpoint views for your site in addition to tablet and mobile views. In the UI of the mobile Editor (Wix Editor) you can hide elements only in the mobile view of your site. 


**Wix Editor:**
- To hide an element from the mobile version of your site, navigate to the mobile Editor. Click on your element, then click the **Hide Element** button ![Hide mobile editor element](https://wixmp-833713b177cebf373f611808.wixmp.com/images/23b5406a0d35445bf7086edb7524ac0a.png).  
- To unhide the element, navigate to the **Hidden on Mobile** panel on the left and click **Show** on the element you wish to unhide. 

    ![Hidden on Mobile](https://wixmp-833713b177cebf373f611808.wixmp.com/images/51a8ef713be7475b82fdf5b967e5047b.png)
  

**Wix Studio:**
- To hide an element from different breakpoints of your site, navigate to the breakpoint of choice and click on your element. Click on the **More Actions** button ![More Actions](https://wixmp-833713b177cebf373f611808.wixmp.com/images/1617580fa1f44c7a618a2ffb45634efc.png), then click **Hide**. 

    ![Hide mobile studio element](https://wixmp-833713b177cebf373f611808.wixmp.com/images/40e0d84e31d9833b1d1a8b6506f8113d.png)

- To unhide the element, navigate to the **Layers** panel on the left. Look for the element you want to unhide, click the **Show** button. 

    ![Unhide mobile studio element](https://wixmp-833713b177cebf373f611808.wixmp.com/images/60ecbdfa31e995f6d6720fdd79d57947.png)

  > **Note:**
  > - Changes made in larger [breakpoints cascade](https://support.wix.com/en/article/studio-editor-designing-across-breakpoints#cascading-design) down to smaller breakpoint sizes. For example, if you hide the element in the tablet breakpoint, the element will automatically be hidden in the mobile breakpoint. You can override the cascading effect by unhiding the element in the mobile breakpoint. 

<blockquote class="important">

**Important:** 
Hiding an element using the mobile Editor (Wix Editor) or breakpoints (Wix studio) removes that element from the page's DOM. Any code that relies on the hidden element's existence will break.

</blockquote>