Wix Editor: Getting Started With the Mobile Editor
Wix automatically creates a mobile-friendly version of your site using the content from your desktop site. Use the mobile editor to customize your mobile site's design, content, and enhance the experience for visitors. You should know:The desktop and mobile versions of your site represent different viewing modes of the same site; they are not separate sites. Changes to your desktop site affect your mobile site, while changes to your mobile site do not affect your desktop site.In this article, learn more about:
Accessing the mobile editor Working with elements in the mobile editor Customizing your mobile site Using mobile tools Frequently asked questions (FAQs)Accessing the mobile editorThe mobile editor has unique tools and elements to help you create you mobile site. You can add mobile-only content, or optimize your existing content for mobile devices. Learn more about the mobile editorTo get started, click the Switch to mobile icon ﻿ at the top of your desktop editor.Want to go back to the desktop editor?You can switch back to editing the desktop view by ﻿clicking the Switch to desktop icon . You can also press Ctrl-J (or Cmd-J for Mac users) to switch between views. Working with elements in the mobile editorLike your desktop site, the mobile version of your site is made up of elements (e.g. text, images, buttons). The ways you can customize an element depend on its source - desktop, or mobile:
Desktop elements: Elements you add in the desktop editor automatically appear on your mobile site. Mobile-only elements: Elements that are optimized for mobile and don't appear on your desktop view. You can add them directly from the Add to mobile panel.Select an option to learn more about customizing elements on your mobile site: Desktop elementsAny element you add to your site's desktop view is automatically added to your mobile view. You can make small adjustments to keep the element on mobile, or hide it completely. In any case, changes that you make to these elements on mobile don't affect the desktop version.In the example below, a button from the desktop version is being adjusted for mobile. You can resize it, add a striking animation and change the text alignment and size. Mobile-only elementsYou can add mobile-only elements such as text, images, and buttons. These elements only appear on the mobile version of your site, which gives you full creative freedom to optimize your content for visitors on mobile devices. Mobile-only elements are also fully customizable - so you can adjust the design and layout, add animation, and duplicate them to speed up the process. Learn more about working with mobile-only elementsNote:The available customization options for desktop elements vary based on the specific element. Customizing your mobile siteCustomize important content on your mobile site to create a unique experience for visitors. For example, you can design every aspect of your site menu on mobile; from the icon to the container and items. You can also change the colors and text, and add more elements to make it your own.You can also change your mobile site background without affecting your desktop site. Choose a different color, a video or an image to better suit the mobile experience you're creating. Using mobile toolsFrom the Mobile Tools panel , you can add features that increase engagement and make navigation even easier for your visitors. For example, create a Welcome screen to greet visitors on their mobile devices, or add a Back to top button for pages with more content. Learn more about tools available in the mobile EditorFAQsSelect a question to learn more about the mobile editor.Is all of my site's content carried over from the desktop editor?Yes - however, any elements that aren't optimized for mobile are automatically hidden from your mobile site. You can manage these elements from the Hidden on Mobile panel  in the left menu of your editor. Are there any features that are unavailable on Wix mobile sites?Some features, such as video backgrounds, may not be displayed on mobile, depending on the device settings. For example, enabling low-power mode on iOS devices disables video backgrounds from playing. Learn more about video backgrounds on mobileWhat kind of mobile-only elements can I add?You can add a variety of elements to enhance your mobile site, including text, buttons, and social tools. Do changes I make in the mobile Editor affect the desktop site?No. Any changes you make in the mobile editor only apply to the mobile version of your site - your desktop site is not affected.What else can I do in the mobile Editor?You can view and manage site pages on your mobile site to further tailor the experience. Hide pages, change their layout, and more.