Want your site to look amazing on mobile? Use the mobile editor to create a mobile view that's fully functional and professional-looking. Change the background, hide desktop content and replace it wit...

Wix Editor: About the Mobile Editor

When you build a site with the Wix Editor, a mobile version (or mobile friendly view) is automatically created. We recommend keeping this enabled, as it can improve your site's SEO and ensure the best...

Wix Editor: About the Mobile Version of Your Site

<div data-component-type="text"><div>When you build a site with the Wix Editor, a mobile version (or mobile friendly view) is automatically created. We recommend keeping this enabled, as it can improve your site's SEO and ensure the best browsing experience for visitors.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="enabling-and-disabling-the-mobile-version-of-your-site" level="3">Enabling and disabling the mobile version of your site</h2></div><div data-component-type="text"><div>Keeping your site mobile friendly optimizes its performance on mobile devices and provides visitors with the opportunity to browse your site on the go. If you disable the mobile friendly view of your site, the desktop view is displayed on mobile devices.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important:</div><div class="info-content"><div>Wix does not provide support for technical difficulties experienced when showing the desktop view on mobile.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">To enable or disable the mobile friendly view:</h2></div><div data-component-type="text"><ol>
  <li>Click <strong>Settings </strong>in the top bar of the editor. </li>  <li>Click <strong>Mobile Friendly</strong>. </li>  <li>Click the toggle in the pop-up to enable or disable it.</li>  <li>Click <strong>Close</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/09/06/d6782faa-6436-45c7-b8ae-894f9b4ecec1/4034f1d9-4852-4b2c-8b42-eca66d77235e.jpg" alt="The pop-up in the desktop Editor. The cursor has clicked the toggle to enable the mobile friendly view." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="your-mobile-site-and-seo" level="3">Your mobile site and SEO</h2></div><div data-component-type="text"><div>As the mobile version of your site is optimized for mobile devices, disabling it can impact your site's performance and SEO. </div></div><div data-component-type="text"><div>This is because the desktop version of your site is displayed on mobile devices when the mobile-friendly view is disabled. Desktop sites on mobile devices can take a longer time to load, and visitors may not be able to see all of your site's content. </div></div><div data-component-type="text"><div>Your mobile site's performance can also be impacted by the amount of content on its pages. We recommend <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-about-the-mobile-editor" target="">using the mobile editor</a> to organize your mobile site and enhance its performance. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Select a question to learn more about your mobile site.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What's different on the mobile version of my site?</h4><div class="collapsible-content"><div>Wix automatically resizes your site's content fit mobile screens, and hides any elements from the desktop editor that aren't optimized for the mobile version of your site. </div><div><br /></div><div>If you have the <a data-composite="true" href="https://www.wix.com/blog/wix-editor-evolution" target="">latest Wix Editor experience</a>, your site's layout is also automatically adjusted to ensure a clear, logical structure. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I customize my mobile site separately?</h4><div class="collapsible-content"><div>Absolutely. You can use the <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-about-the-mobile-editor" target="">mobile editor</a> to manage and adjust desktop elements, add and customize mobile-only elements, and add mobile tools. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How can I see the mobile version of my site?</h4><div class="collapsible-content"><div>To view your mobile-friendly site, simply enter <a data-composite="true" href="https://support.wix.com/en/article/changing-your-free-wix-url-8591528" target="_blank">your site's URL</a> in a browser on your mobile device. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Why can I see a banner for Wix on my live site on mobile?</h4><div class="collapsible-content"><div>When you build a free site with the Wix Editor, a Wix banner appears at the top of your live site (on both desktop and mobile). To remove this banner, you need to <a data-composite="true" href="https://support.wix.com/en/article/upgrading-your-site-to-premium-3066683" target="">upgrade your site</a>.</div><div><br /></div><div>If you published your mobile site before upgrading to a Premium plan, the banner is still displayed. You can remove it by opening your site in the mobile editor and clicking <strong>Publish</strong>.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/09/06/be7bab57-7bf1-414b-bf0f-b4e369514f54/53f6753b-b4d5-4e1f-a8e8-bf47f090e86f.png" alt="The mobile Editor is open. The cursor is clicking on the Publish button." /></div><div><br /></div><div><strong>Tip:</strong> When you upgrade your site / connect a domain, you can enable a banner at the top of your mobile site that <a data-composite="true" href="https://support.wix.com/en/article/wix-owner-app-managing-the-invite-banner-of-the-mobile-web-version-of-your-site" target="">invites visitors to download the Wix member app</a>.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Check out Wix Studio:</div><div class="info-content"><div>Wix Studio is the ultimate platform for freelancers and agencies. This flexible, end-to-end solution includes smart design capabilities and flexible dev tools that let you deliver exceptional results for clients in any industry.</div><div><br /></div><div>Learn more about Wix Studio:</div><ul>
  <li><a data-composite="true" href="https://support.wix.com/en/article/studio-editor-a-guided-tour" target="">Check our guided tour</a> introducing the new Studio Editor.</li>  <li>Take the Wix Studio Essentials course and watch loads of videos and webinars on demand in <a data-composite="true" href="https://www.wix.com/studio/academy/" target="_blank">the Wix Studio Academy</a>.</li>  <li><a data-composite="true" href="https://forum.wixstudio.com/" target="_blank">Join our community forum</a> to ask and discuss anything related to Studio. </li>  <li>Browse through the <a data-composite="true" href="https://support.wix.com/en/wix-studio" target="">Wix Studio help center</a> for all the instructions and explanations you need.</li></ul></div></div></div>

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 experi...

Wix Editor: Getting Started With the Mobile Editor

<div data-component-type="text"><div>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. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">You should know:</div><div class="info-content"><div>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.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="accessing-the-mobile-editor" level="3">Accessing the mobile editor</h2></div><div data-component-type="text"><div>The 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. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-about-the-mobile-editor" target="">Learn more about the mobile editor</a></div></div><div data-component-type="text"><div>To get started, click the <strong>Switch to mobile</strong> icon ﻿<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2021/11/24/0f2e133d-5b11-493b-8a79-559f9f36be5a/d5c725e0-365e-4073-a51b-d491081baaca.jpeg" /> at the top of your desktop editor.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/09/06/3a65e1c2-062c-44ff-9531-9fd2cd1c8c4c/d3142c95-8e1b-4007-9276-064f1398285c.jpg" alt="A  cropped screenshot showing a cursor click the Switch to mobile icon in the Wix Editor." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Want to go back to the desktop editor?</div><div class="info-content"><div>You can switch back to editing the desktop view by ﻿clicking the <strong>Switch to desktop</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2021/11/24/abc5adf0-f79c-4c4b-aa2b-e0149b6a5fc8/7de662d1-c71d-44f5-bf1f-68be1c50c26f.jpeg" />. You can also press Ctrl-J (or Cmd-J for Mac users) to switch between views. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="working-with-elements-in-the-mobile-editor" level="3">Working with elements in the mobile editor</h2></div><div data-component-type="text"><div>Like 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:</div></div><div data-component-type="text"><ul>
  <li><strong>Desktop elements:</strong> Elements you add in the desktop editor automatically appear on your mobile site.</li>  <li><strong>Mobile-only elements: </strong>Elements that are optimized for mobile and don't appear on your desktop view. You can add them directly from the <strong>Add to mobile</strong> panel.</li></ul></div><div data-component-type="text"><div>Select an option to learn more about customizing elements on your mobile site: </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Desktop elements</h4><div class="collapsible-content"><div>Any 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.</div><div><br /></div><div>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. </div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/27/39ef0213-ed6f-4ba4-bfcc-8f40e8241ede/6f5f006c-3bdd-4424-858c-7c6cf73f1b29.png" alt="A cropped screenshot of a desktop button in the mobile Editor. The Layout panel is open, showing the text alignment options." /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Mobile-only elements</h4><div class="collapsible-content"><div>You 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. </div><div><br /></div><div>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. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-customizing-mobile-only-elements" target="">Learn more about working with mobile-only elements</a></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>The available customization options for desktop elements vary based on the specific element. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-your-mobile-site" level="3">Customizing your mobile site</h2></div><div data-component-type="text"><div>Customize important content on your mobile site to create a unique experience for visitors. </div></div><div data-component-type="text"><div>For example, you can <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-customizing-your-mobile-menu" target="">design every aspect of your site menu on mobile</a>; 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.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/09/3601a2d1-7a8f-491e-915e-4a2242682f0d/2350abe9-bfe6-4dbb-963a-ba2abb689015.png" alt="The design panel for the mobile menu icon. The cursor is hovering over the border color box." /></div></div><div data-component-type="text"><div>You can also <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-changing-the-page-background-on-your-mobile-site" target="">change your mobile site background</a> without affecting your desktop site. Choose a different color, a video or an image to better suit the mobile experience you're creating. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/08/26/003bd3d2-cfbd-452a-a6c3-38bce0b7654e/fcc0297f-81eb-4528-86b5-ea6dc8b05a65.png" alt="The mobile background panel has been opened in the mobile Editor. The cursor is clicking the option to add a color." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="using-mobile-tools" level="3">Using mobile tools</h2></div><div data-component-type="text"><div>From the <strong>Mobile Tools</strong> panel <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/856f6f13-36aa-457e-b777-3524fef479f7/ca2f0805-599f-40a5-8172-c3263c9e4786.png" />, you can add features that increase engagement and make navigation even easier for your visitors. </div></div><div data-component-type="text"><div>For example, <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-managing-a-welcome-screen-on-your-mobile-site" target="">create a Welcome screen</a> to greet visitors on their mobile devices, or add a <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-customizing-a-back-to-top-button-on-your-mobile-site" target="">Back to top button</a> for pages with more content. <a data-composite="true" href="https://support.wix.com/en/mobile-tools" target="">Learn more about tools available in the mobile Editor</a></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/09/06/224b35b0-18d8-4084-a8c3-b799a00b4310/45ae1e55-30c8-4981-ba58-9f16ed93b903.jpg" alt="A cropped screenshot showing the mobile tools panel. The cursor is clicking the Quick action bar to add it." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Select a question to learn more about the mobile editor.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Is all of my site's content carried over from the desktop editor?</h4><div class="collapsible-content"><div>Yes - however, any elements that aren't optimized for mobile are automatically hidden from your mobile site. You can manage these elements from the <strong>Hidden on Mobile</strong> panel <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/25/e6ab1674-64f1-47d3-b995-89831da1eef5/60cd4cc7-f184-4da4-9872-dc46e49eff00.png" /> in the left menu of your editor.</div> </div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Are there any features that are unavailable on Wix mobile sites?</h4><div class="collapsible-content"><div>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. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-using-video-backgrounds-on-your-mobile-site" target="">Learn more about video backgrounds on mobile</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What kind of mobile-only elements can I add?</h4><div class="collapsible-content"><div>You can <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-customizing-mobile-only-elements" target="">add a variety of elements</a> to enhance your mobile site, including text, buttons, and social tools. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Do changes I make in the mobile Editor affect the desktop site?</h4><div class="collapsible-content"><div>No. Any changes you make in the mobile editor only apply to the mobile version of your site - your desktop site is not affected.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What else can I do in the mobile Editor?</h4><div class="collapsible-content"><div>You can <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-managing-your-pages-in-the-mobile-editor" target="">view and manage site pages</a> on your mobile site to further tailor the experience. Hide pages, change their layout, and more.</div></div></div></div>

When you build a site on Wix, a mobile-friendly version is automatically created. You can view the mobile version of your site using the site's URL, or from your editor. You should know:You can access...

Wix Editor: Viewing Your Wix Site on Your Mobile Device

<div data-component-type="text"><div>When you build a site on Wix, a mobile-friendly version is automatically created. You can view the mobile version of your site using the site's URL, or from your editor. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">You should know:</div><div class="info-content"><div>You can access the mobile version of your site as long as the mobile-friendly view is enabled. If you disable the mobile-friendly view of your site, the desktop version is displayed on mobile devices. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-about-the-mobile-version-of-your-site" target="">Learn more about your site's mobile view</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="opening-your-mobile-site-with-the-url" level="3">Opening your mobile site with the URL</h2></div><div data-component-type="text"><div>To view the mobile version of your site with <a data-composite="true" href="https://support.wix.com/en/article/changing-your-free-wix-url-8591528" target="">your site's URL</a>, enter the address into the browser on your mobile device.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/01/f670d963-bf58-433f-ac1d-8acc4bef0a39/135300fa-c4b6-4c90-b060-5d24174d8e73.png" alt="A screenshot of a mobile, showing a live Wix site." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="viewing-your-mobile-site-from-your-editor" level="3">Viewing your mobile site from your editor</h2></div><div data-component-type="text"><div>View the published mobile version of your site by scanning a QR code from either the desktop or mobile editor. Depending on your mobile device, you can scan the code with the camera or a QR app.</div></div><div data-component-type="heading"><h2 id="" level="4">To scan the code from the mobile editor:</h2></div><div data-component-type="text"><ol>
  <li>Open your site in the mobile editor.</li>  <li>Click <strong>Preview</strong> on the top toolbar.</li>  <li>Click the <strong>QR</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/06/23/a9878c64-3d13-4a4d-8dc9-5d887003a93c/2ce58235-fbb0-41c0-9a61-3c2a870650cb.png" />.</li>  <li>Scan the QR code using your device.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/09/19/99c5182d-72fc-4bb3-8d56-aeabbb4ec0e6/2168fce3-eac8-4b19-b70d-91f4ff304dfe.jpg" alt="The preview of a mobile Wix site. The QR icon is highlighted." /></div></div><div data-component-type="heading"><h2 id="" level="4">To scan the code from the desktop editor:</h2></div><div data-component-type="text"><ol>
  <li>Open your site in the desktop editor.</li>  <li>Click <strong>Site</strong>.</li>  <li>Click <strong>View Site on Mobile</strong>.</li>  <li>Scan the QR code using your device.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/09/19/799f5677-1372-4f8c-8857-32ba29f05b61/cbc2e791-af23-46bd-bffc-51788d675e48.jpg" alt="The Site dropdown in the desktop editor. View site on mobile is highlighted." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I customize the mobile view of my site?</h4><div class="collapsible-content"><div>Absolutely. The mobile editor allows you to hide elements, optimize the layout of your site, and add mobile-only content such as text, buttons, and images. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-about-the-mobile-editor" target="">Learn more about the mobile editor</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I edit my site from my mobile device?</h4><div class="collapsible-content"><div>Absolutely. You can edit your site using your mobile browser, or the <a data-composite="true" href="https://www.wix.com/mobile/wix-app" target="">Wix app</a> to adjust text, add links, change images and more.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Are Wix mobile sites supported in in-app browsers?</h4><div class="collapsible-content"><div>Yes. Visitors can view your Wix mobile site within in-app browsers, such as Instagram or Facebook.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Why isn't my site working on mobile?</h4><div class="collapsible-content"><div>If you're having issues viewing your Wix site on a mobile device, you may be viewing it on a <a data-composite="true" href="https://support.wix.com/en/article/supported-browsers" target="">browser or operating system that is not supported</a>. </div></div></div></div>

Currently, it is not possible to create a mobile app version of your Wix site.However, you can build your own native mobile app for your brand or business. Learn more about building your own mobile ap...

Wix Editor Request: Creating a Mobile App of Your Wix Site

<div data-component-type="text"><div>Currently, it is not possible to create a mobile app version of your Wix site.</div></div><div data-component-type="text"><div>However, you can build your own native mobile app for your brand or business. <a data-composite="true" href="https://support.wix.com/en/article/wix-mobile-apps-building-your-own-mobile-app-without-a-connected-wix-site" target="">Learn more about building your own mobile app</a>.</div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

Mobile-friendly sites are supported on the most popular devices and browsers. To discover which operating systems currently support your mobile-friendly site, please refer to our detailed article on m...

Wix Editor Request: Additional Mobile Devices that Support Mobile-Friendly Site

<div data-component-type="text"><div>Mobile-friendly sites are supported on the most popular devices and browsers. To discover which operating systems currently support your mobile-friendly site, please refer to our detailed article on <a data-composite="true" href="https://support.wix.com/en/article/supported-browsers" target="">mobile device compatibility</a>.</div></div><div data-component-type="text"><div>Wix sites are also supported by in-app browsers, such as Facebook and Instagram.</div></div><div data-component-type="text"><p>We are always working to update and improve our products, and your feedback is hugely appreciated. </p></div>

Currently, your site history only shows the desktop version of your site. It is not currently possible to revert back to site changes you made in the mobile Editor.We are always working to update and ...

Wix Editor Request: Viewing Mobile Site History

<div data-component-type="text"><div>Currently, your site history only shows the desktop version of your site. It is not currently possible to revert back to site changes you made in the mobile Editor.</div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is greatly appreciated.</div></div>

Using the mobile Editor, you can add elements that are exclusive to your mobile site. Add text, images, buttons, embeds and other elements that are completely optimized for small screens. As mobile-on...

Wix Editor: Adding and Customizing Mobile-Only Elements

<div data-component-type="text"><div>Using the mobile Editor, you can add elements that are exclusive to your mobile site. Add text, images, buttons, embeds and other elements that are completely optimized for small screens. </div></div><div data-component-type="text"><div>As mobile-only elements don't appear on your desktop site, you can design them as you wish, adjust the layout and duplicate them for easy editing. This allows you to replace desktop elements that aren't suitable for mobile, or create a completely different look just for mobile. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How do I access the mobile Editor?</h4><div class="collapsible-content"><div>Access the mobile Editor anytime by clicking the <strong>Switch to mobile</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/25/3df957ac-4bc1-43e6-9df7-1fa0ef4f381d/116d3875-ded3-4d24-9b66-a4fa54c9de2a.png" /> on the top of the Editor. </div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/09/19/366b5ce4-507e-4948-93f6-53e6d8d0dc7c/7f417f03-87d5-4edc-99a2-51c0a70e62a6.png" alt="A cropped screenshot of the Wix Editor, showing the cursor clicking Switch to mobile." /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-mobile-only-elements" level="3">Adding mobile-only elements</h2></div><div data-component-type="text"><div>Add mobile-only elements to tailor your site completely for visitors on mobile devices. Add elements like text, images, buttons and more from the <strong>Add to mobil</strong>e panel in the mobile Editor. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/23/e899c68c-83f2-447a-9b0a-98de6ab3415c/9e834697-7b65-4b58-955c-b30d57dadd86.png" alt="The add panel in the mobile Editor. The Add icon has been highlighted, and the cursor is hovering over 'Icon Buttons'." /></div></div><div data-component-type="text"><div>Click an option below to learn more about the types of elements available:</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Text</h4><div class="collapsible-content"><div>Use text to display information, announcements, or just tell your story.</div><div><br /></div><div>The text types available to add on mobile are:</div><ul>
  <li><strong>Themed Text:</strong> This text has been chosen specifically with your site's look and theme in mind. It contains both headings and paragraph text, so you have everything you need.</li>  <li><strong>Titles:</strong> These text types are a great way to draw your visitors' eyes. They should be used as page or section headings on your mobile site.</li>  <li><strong>Paragraphs:</strong> Use these text types for paragraphs or blocks of text on your site. They're generally used for most of your site's content.</li>  <li><strong>Collapsible text:</strong> Use collapsible text to concisely display information on your mobile site, and invite visitors to read more. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-collapsible-text-on-your-mobile-site" target="">Learn more about collapsible text</a></li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Image</h4><div class="collapsible-content"><div>Use images to display anything on your site, including products, photography, or even your day-to-day life.</div><div><br /></div><div>The image types available to add on mobile are:</div><ul>
  <li><strong>My images:</strong> Select from files you've already uploaded to your site, or upload / import new files. </li>  <li><strong>Explore images:</strong> Choose from hundreds of beautiful stock pictures and illustrations available from Wix, Shutterstock, and Unsplash</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Buttons</h4><div class="collapsible-content"><div>Use buttons to direct mobile visitors to important information and actions. They can also encourage interaction from your visitors, while keeping your mobile site clean and organized.</div><div><br /></div><div>The type of buttons available to add on mobile are:</div><ul>
  <li><strong>Themed Buttons:</strong> These buttons have been chosen specifically for your site, as they match its template and theme.</li>  <li><strong>Text &amp; Icon Buttons:</strong> Display both text and an icon on your button. You can change the icon, text, and button background.</li>  <li><strong>Icon Buttons: </strong>These buttons contain icons only. You can change the icon design, and even add animation.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Decorative</h4><div class="collapsible-content"><div>Use decorative elements to add fun and creativity to your pages. You can add links to encourage interaction from site visitors, or even animation to bring your mobile site to life.</div><div><br /></div><div>The types of decorative elements available to add on mobile are:</div><ul>
  <li><strong>Shapes:</strong> Choose from a range of shapes, arrows, and lines.</li>  <li><strong>Vector Art:</strong> Choose from hundreds of beautiful illustrations. Vector art images are SVG files, which means the quality isn't affected when the art is resized.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Box</h4><div class="collapsible-content"><div>Use boxes to display neat and sophisticated content on your site.</div><div><br /></div><div>Choose from a range of container boxes to suit your site. There are a variety of customization options available, including fill, opacity, and shadow. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Social</h4><div class="collapsible-content"><div>Use social tools to direct site visitors to your social media accounts, straight from their mobile devices.</div><div><br /></div><ul>
  <li><strong>Social Bar:</strong> Add a social bar to streamline your accounts into one handy place for site visitors to add and follow you on whatever social media you choose.</li>  <li><strong>Share Buttons:</strong> Make it easy for visitors to share site pages across their social media accounts.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Embed Code</h4><div class="collapsible-content"><div>Use embeds as a fun and personal way to showcase widgets, services, and external sites.</div><div><br /></div><div>The types of embed elements available to add in mobile are:</div><ul>
  <li><strong>HTML: </strong>Display content from external servers, such as calendar and weather widgets.</li>  <li><strong>Sites: </strong>Display external websites on your mobile site by entering the address.</li>  <li><strong>Custom elements:</strong> Display whatever you'd like on your mobile site using custom code snippets. </li></ul></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Not sure if it's a mobile or desktop element?</div><div class="info-content"><div>Mobile-only elements display a <strong>Mobile</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/7648ead5-a940-4b7a-a2b2-eb7f8edc6f2b/d34b0146-2e71-47f0-989d-04baf5327e76.png" /> when you click them.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="designing-mobile-only-elements" level="3">Designing mobile-only elements</h2></div><div data-component-type="text"><div>You can customize your elements using design options such as fill color, border, and shadow. By designing your elements, you can make your mobile site truly unique and create something fun and informative for your visitors.</div></div><div data-component-type="heading"><h2 id="" level="4">To design your element:</h2></div><div data-component-type="text"><ol>
  <li>Click the mobile-only element.</li>  <li>Click the <strong>Design</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/0623987f-fc7a-4c24-be25-f33becf41044/e9059867-5499-4dc5-b997-54b6930fb75c.png" />.</li>  <li>Use the customization options available to design your element.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>The available design options depend on the type of element. </div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/fe27b1c3-554f-4f2d-8bd2-472503404a1d/f6a324d3-26ac-4920-8bf2-581520794ca2.png" alt="The design panel of vector rt in the mobile Editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-the-layout-of-a-mobile-only-element" level="3">Adjusting the layout of a mobile-only element</h2></div><div data-component-type="text"><div>Change the layout of elements to align your mobile site. Adjusting your elements can keep your site neat, and provide a smooth experience for mobile visitors.</div></div><div data-component-type="heading"><h2 id="" level="4">To change the element's layout:</h2></div><div data-component-type="text"><ol>
  <li>Click the mobile-only element.</li>  <li>Click the <strong>Layout</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/8e7f23f0-3ccd-4580-9ea4-3cd40970fc41/70992c7b-5f79-4b0e-a907-b47d9c8b668b.png" />.</li>  <li>Use the customization options available to adjust the layout.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>The available layout options depend on the type of element. </div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/7a4e84dc-4a5b-4681-be9c-a33cd554dcfc/96b263fb-c338-40fe-a741-adea714fafa4.png" alt="The layout panel of a social bar in the mobile Editor." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Want to move a strip?</div><div class="info-content"><div>You can click and drag strips / columns in the mobile Editor to move it and its elements.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="duplicating-mobile-only-elements" level="3">Duplicating mobile-only elements</h2></div><div data-component-type="text"><div>You can copy and paste elements on your mobile site to quickly and easily add as many as you like. </div></div><div data-component-type="heading"><h2 id="" level="4">To duplicate a mobile-only element:</h2></div><div data-component-type="text"><ol>
  <li>Right-click the element.</li>  <li>Click <strong>Copy</strong>.</li>  <li>Right-click the page / strip.</li>  <li>Click <strong>Paste</strong>.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Notes:</div><div class="info-content"><ul>
  <li>Only supported mobile elements can be copied from the desktop Editor, and pasted to the mobile Editor.</li>  <li>Mobile-only elements cannot be pasted to the desktop Editor.</li></ul></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/db0b05e7-91cf-45cd-b203-012ff81e57de/d0540c4e-9d72-4a1d-b4c6-2c8e0374e22e.gif" alt="GIF showing an element being copied and pasted in the mobile Editor." /></div></div>

How to begin

Choosing a template 

Hiring a professional to build your site

Use Wix to build your site and business. Try our AI tools to create a site, customize our templates or hire a professional to create or enhance your web presence.

Getting started

Learn how to use Wix to build your site and business.

Wix Editor basics

Using the Editor tools

Your site's layout

Strips and columns

Structuring your site

Designing your site

Pages

Menus

Managing pages and menus

Text

Buttons

Containers and boxes

Slideshows

Shapes and lines

Adding and customizing elements

Images

Galleries

Videos

Documents and files

Adding files and media

Working with elements

Using effects and animation

Sharing and promoting your site

Adding advanced elements

Getting Started

Mobile Tools

Pages on Mobile

Background on Mobile

Mobile Site Layout

Site Menu on Mobile

Text on Mobile

Media on Mobile

Other Elements on Mobile

Troubleshooting

Building a mobile site

Troubleshooting your Editor site

Using the Wix Editor

Using your site dashboard

Site management

Managing roles and permissions

Managing your site

Getting started with AI

Using AI to create & manage your site

Using AI to set up your business

AI tools

Media Manager basics

Uploading media

Purchasing media

Managing media

Media issues

Adding and managing your media

Using the Pro Gallery

Editing images (Wix Photo Studio)

Managing your media

Setting up your multilingual site

Translating your site

Managing your languages

SEO in Wix Multilingual

Creating a multilingual site

Privacy & GDPR

About Accessibility

Making your site accessible

Advanced accessibility features

Creating an accessible site

About the CMS (Content Management System)

Managing CMS collections

Connecting CMS collection content to your site

Working with dynamic pages and the CMS

Connecting user input elements to the CMS

Using CMS with other Wix products

Advanced CMS features

Wix for developers

Test Sites

SSO Logins

Wix Blocks

Advanced features

Learn how to create a site and manage its content with our intuitive editors. Know how to protect visitors' privacy and make sites compliant with accessibility laws.

Creating your site

Design and manage your site using intuitive Wix features.

Changing your account settings

Sign in issues

Managing your account

Upgrading to a Premium plan

Billing for Premium Plans

Billing for Domains

Billing for Google Workspace Business Emails

Managing your subscriptions

Charges, payments and tax

Invoices for Wix services

Using vouchers and promotions

Billing & premium subscriptions

Review your account settings, manage your subscriptions and plans and understand your invoices.

Account & billing

Manage subscriptions, plans and invoices.

Managing your site with the Wix app

Mobile apps basics

Customizing your own mobile app

Managing your own mobile app

Submitting your mobile app for approval

Building your own mobile app

Customizing your site on the Wix member apps

Managing your site on the Wix member apps

Using mobile apps as a member

Using the Wix member apps

Mobile apps for your customers

Use our mobile apps to run your business efficiently on the go and set up a dedicated app for your site members to stay in touch. 

Using the Wix mobile apps

Run your business and connect with members.

Domain basics

Wix domains

Domains purchased elsewhere

Transferring domains

Managing domains

Troubleshooting domains

Follow our step-by step guides to learn how to purchase, connect or transfer a domain for your site, and find out how to keep your site’s data secure.

Connecting a domain

Learn to purchase, connect or transfer a domain to your site.

Setting up your store

Managing products and categories

Setting up shipping & fulfillment

Setting up payment and checkout

Designing your store

Managing your orders

Managing store inventory

Managing the Members Area

Managing store emails

Promoting stores sales

Dropshipping with Wix Stores

Setting up sales channels

Using the Wix app for Wix Stores

Wix Stores

Setting up Wix Bookings

Creating your services

Managing your staff

Managing your calendar & bookings

Memberships, packages & payments

Customizing Wix Bookings pages

Emails, SMS, and promotions

Using the Wix app to manage your bookings

Video conferencing with Wix Bookings

Fit by Wix

Wix Bookings

Setting up Wix Events

Creating your event

Designing Wix Events

Managing your events

Managing your guests

Selling event tickets

Promoting your event

Using the Wix app for Wix Events

Check-in by Wix for Events

Wix Events

Setting up Pricing Plans

Creating your plans

Designing your plans pages

Selling Pricing Plans

Managing purchased plans

Using the Wix app for Pricing Plans

Wix Pricing  Plans

Setting up your restaurant

Creating Wix Restaurants menus (NEW)

Taking online orders (NEW)

Table reservations

Creating your Wix Restaurants menu

Taking online orders

Using the Wix  app to manage your restaurant

Wix Restaurants

Setting up Photo Albums

Selling with Photo Albums Store

Setting up Art Store

Selling with Art Store

Wix Photography

Business solutions & apps

Get tools to grow your business and web presence. Find the right tools for your specific needs, set up online payments and keep track of your site's analytics.

Managing your business

Get tools to grow your business and web presence.