A white space displaying in the background of your site, can occur when your background is set to scroll with your site. To resolve this, we recommend having a fixed background.To change the backgroun...

Wix Editor: White Spaces Appearing on Background

<div data-component-type="text"><div>A white space displaying in the background of your site, can occur when your background is set to scroll with your site. To resolve this, we recommend having a fixed background.</div></div><div data-component-type="heading"><h2 id="" level="3">To change the background scrolling setting:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Go to the relevant page. </li>  <li>Click <strong>Site Design</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/NGhfYiQ_DgWkGYdWrvVIwfJDcQpmDHrE9WY8cYOOttpHUa8ipZRUayIj4ogzOvanaOM4d4WUA-xy73wbFcJqHPWhW_TJplazf_ymsrS928EU5K9qxdgKOIb0ZdHV5UOwwrzM-1TzgJLlCVQR7N4TakSlM6pbziOeVZg_bl93DoJWU1rBF_sJkg1k" /> on the left side of the editor.</li>  <li>Click <strong>Page Background</strong>.</li>  <li>Click<strong> Settings </strong><img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/05/e405b0bb-9e12-4b80-9d6c-e96e352b9b60.png" /> on the background image preview.</li>  <li>Select <strong>Freeze</strong> under <strong>Scroll Effects</strong>.</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 background scrolling option is only available on image backgrounds.</div></div></div></div>

You may notice an issue with text on your live site, or within the editor. Check out the content of this article to discover the reason for these issues, and ways to potentially resolve them.General t...

Wix Editor: Troubleshooting Text

<div data-component-type="text"><div>You may notice an issue with text on your live site, or within the editor. Check out the content of this article to discover the reason for these issues, and ways to potentially resolve them.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="general-text-issues" level="3">General text issues</h2></div><div data-component-type="text"><div>General problems with your site's text can be caused by various reasons. For example, changes to the text theme, formatting issues, and rendering on different browsers. You can use the following general troubleshooting steps to resolve most of these issues.</div></div><div data-component-type="heading"><h2 id="" level="4">To resolve text issues:</h2></div><div data-component-type="text"><ol>
  <li>If you are copying and pasting the text from an external source, try <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-copying-text-from-an-external-source-eg-word-document" target="">pasting without formatting</a>. </li>  <li>Reset to the text theme by following the below steps:
    <ol>
      <li>Click the text.</li>      <li>Click <strong>Edit Text</strong>.</li>      <li>Click <strong>Reset to Theme </strong>at the bottom of the panel.</li>    </ol>  </li>  <li>Try <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-fixing-spacing-and-alignment-issues-on-your-site#elements-and-text-misaligned-on-the-live-site" target="">making the text box a bit larger</a> to allow for space for the text to enlarge on different screen sizes and browsers. </li>  <li>Follow our <a data-composite="true" href="https://support.wix.com/en/article/wix-technical-assistant" target="">general interactive troubleshooter</a>.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="font-looks-different-on-different-browsers" level="3">Font looks different on different browsers</h2></div><div data-component-type="text"><div>Wix sites are optimized to display correctly on the most common browsers and devices used today. If your text fonts look different on different browsers, it may be due to the rendering engines used on different devices / browsers.</div></div><div data-component-type="text"><div>These minor differences may alter your site's layout. For example, a 1% difference in rendering of a font size can cause the last word to wrap to the next line on certain browsers. This may make your text box longer, and move other elements down the page.</div></div><div data-component-type="text"><div>If you are experiencing this issue, we recommend making the text box wider than needed.</div></div><div data-component-type="heading"><h2 id="" level="4">To widen the text box:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Open the relevant page.</li>  <li>Select the text element.</li>  <li>Click and drag the text box to widen it.</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/2023/06/01/8f80cf25-890f-4c8b-a7db-99e368bd6ce6/8bc7b5e9-d57b-4ab3-813a-357641e416d6.gif" alt="A GIF showing a text box being widened in the Editor with the click and drag function." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="font-flashes-and-changes-when-site-loads" level="3">Font flashes and changes when site loads</h2></div><div data-component-type="text"><div>The flashing of your site's font is related to a common web design issue called Flash of Unstyled Content (FOUC). This is not unique to the Wix platform, and is related to how certain browsers load content (and which fonts are native to that browser).</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Tell me more</h4><div class="collapsible-content"><div>Your fonts exist in a Cascading Style Sheet (CSS), along with additional style components. When your browser first loads your site, it initially loads the text using the browser's native fonts to save time. The text changes to your chosen font after the CSS loads. </div><div><br /></div><div>This issue is either more or less noticeable depending on:</div><ul>
  <li>The font that you chose</li>  <li>Your internet connection speed</li></ul></div></div></div><div data-component-type="text"><div>You can avoid this issue by minimizing the use of heavily designed fonts, and trying to stick to simpler fonts that are native to majority of browsers. Another option is to upload your text as an image, however this text cannot be &quot;read&quot; for SEO purposes.</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>We at Wix are aware of this issue and are continuously striving to find solutions to general internet or browser related issues such as this one. We will continue to investigate and develop our technology to help resolve these issues in the future.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="issues-when-saving-a-text-theme" level="3">Issues when saving a text theme</h2></div><div data-component-type="text"><div>You may not see the <strong>Save to Theme </strong>button, or may come across additional issues when trying to save a text theme. This can happen if the selected text has line spaces in the middle, created with the Enter key on your keyboard.</div></div><div data-component-type="text"><div>If you cannot see this button, or if you encounter additional issues, you can try the following resolutions. </div></div><div data-component-type="text"><ul>
  <li>Make sure you have split the paragraphs by using <strong>Shift </strong>+ <strong>Enter </strong>on your keyboard.</li>  <li>Ensure that the cursor is placed within the changed text (or that you only selected the text with changes).</li>  <li>Deselect all of the text, and click the <strong>Save to Theme</strong> button.</li></ul></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/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/13/3a974b08-d8eb-4e28-a895-57f0b9895930/c2c4daf0-3f89-46b1-b5fd-4d89e577c5bf.png" alt="The text settings panel in the Editor. The Save to Theme button is highlighted." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="" level="3">Still need help?</h2></div><div data-component-type="text"><div>If you are still experiencing problems with your text after following the steps above, <a data-composite="true" href="http://www.wix.com/contact" target="_blank">contact us</a> for help. Make sure to <a data-composite="true" href="https://support.wix.com/en/article/adding-a-screenshot-to-a-ticket" target="">include a screenshot</a> if relevant, and the steps you've already taken. </div></div><div data-component-type="text"><div>If you're contacting us with an issue saving a text theme, we recommend having the following information ready:</div></div><div data-component-type="text"><ul>
  <li>The theme name</li>  <li>The font you are trying to save</li>  <li>The text size you are trying to save</li>  <li>The color you are trying to save</li>  <li>The style changes that do trigger <strong>Save to Theme</strong> to appear (e.g. bold, font size, etc.)</li></ul></div>

If you are unable to select or find an element in the editor, it is possible that it has been placed behind another element. Follow the steps below to locate and select your elements in the editor.Ste...

Wix Editor: Unable to Select an Element

<div data-component-type="text"><div>If you are unable to select or find an element in the editor, it is possible that it has been placed behind another element. Follow the steps below to locate and select your elements in the editor.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-use-the-layers-panel-to-locate-an-element" level="3">Step 1 | Use the Layers panel to locate an element</h2></div><div data-component-type="text"><div>If an element is placed outside the editor gridlines or behind another element, you may not be able to see it on your screen. Use the Layers panel to locate the element on the page.</div></div><div data-component-type="heading"><h2 id="" level="4">To open the Layers panel and find elements:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the <strong>Layers</strong> icon <img data-composite="true" src="https://lh6.googleusercontent.com/gK9dfcU80SWT9YOMhPhN62hW4YUDMmaf17w7O0LfSHLFn46W1Nugy_36zibPxclwtc5OmziXxiJ-zGwzz956EAjx8MqPYVd_i7KRCOZU9Sq7-7KUE-tjh3C5Lhgyto4oz9h2J5E5-59p__W4gjiJwg" /> at the bottom of your editor.</li>  <li>Click <strong>Header</strong>, <strong>Page</strong> or <strong>Footer</strong>.</li>  <li>Find the relevant element on the list and click to select it.</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/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/18/b551d6ad-a996-401c-8a71-f55ca0ef6ccf/d1a7520d-ec8a-43a3-af82-77a3ba137a8f.png" alt="The Layers panel in the Wix Editor" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-use-the-overlapping-items-feature" level="3">Step 2 | Use the Overlapping Items feature</h2></div><div data-component-type="text"><div>If the element you want to select is behind another element, you can use the Overlapping Items feature to select the relevant element.</div></div><div data-component-type="heading"><h2 id="" level="4">To check your overlapping elements:</h2></div><div data-component-type="text"><ol>
  <li>Right-click the element covering the element you're trying to select.</li>  <li>Hover over <strong>Overlapping Items</strong>. </li>  <li>Select the relevant element. </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/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/18/b330ca29-67e9-4f4d-ae71-891d1f882eef/94a2c985-cba7-49c5-a1f2-165dbfa60e5b.png" alt="The right-click menu in the Editor. The Overlapping elements panel is open." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-move-elements-backward" level="3">Step 3 | Move elements backward</h2></div><div data-component-type="text"><div>If you cannot select the element using the Overlapping Items feature, you can move the element or elements that are covering it backwards on your page. </div></div><div data-component-type="heading"><h2 id="" level="4">To move elements:</h2></div><div data-component-type="text"><ol>
  <li>Right-click the element covering the element you're trying to select in the editor.</li>  <li>Hover over<strong> Arrange</strong>.</li>  <li>Click <strong>Move Backward</strong> until you are able to access the desired element.</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/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/18/f0021a99-1a6f-47db-b4f3-54378779d2b0/eabfc9fd-ca22-429c-9057-db0c015e0efd.png" alt="The right-click menu in the Editor. The 'arrange' tool is open." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-4-use-ctrl-shift-m-to-toggle-through-your-elements" level="3">Step 4 | Use Ctrl + Shift + M to toggle through your elements</h2></div><div data-component-type="text"><div>If you see an element on your live site or in Preview mode, but not in the editor, it might be placed outside of the site's gridlines. Toggle through your page elements to locate the element.</div></div><div data-component-type="heading"><h2 id="" level="4">To toggle through elements on a page:</h2></div><div data-component-type="text"><ol>
  <li>Hold down<strong> Ctrl </strong>(<strong>Cmd </strong>on Mac)<strong> </strong>+ <strong>Shift </strong>on your keyboard.</li>  <li>Press <strong>M</strong> to scroll through the elements on your site until you reach the desired element.</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/2022/09/15/587282d0-dd83-457d-9272-9a14a0b32b1b/28277a09-0326-449c-8a43-9fcd51f367eb.gif" alt="A GIF showing elements being toggled through on a wix site in the Editor." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>You can press <strong>Ctrl </strong>(Cmd on Mac)<strong> </strong>+ <strong>M </strong>to toggle backwards through the elements.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-5-make-sure-your-header-and-footer-are-not-frozen" level="3">Step 5 | Make sure your header and footer are not frozen</h2></div><div data-component-type="text"><div>When your header or footer are frozen, you may be unable to select an element. You can unfreeze the header and footer by selecting a new scroll setting, or disabling the Freeze option.</div></div><div data-component-type="heading"><h2 id="" level="4">To unfreeze your header:</h2></div><div data-component-type="text"><ol>
  <li>Click the header.</li>  <li>Click the <strong>Settings</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/05/20868072-786e-4b0f-ab2d-f3574b91a368.png" />.</li>  <li>Select a scroll setting:
    <ul>
      <li><strong>Scrolls with site: </strong>Your header is always at the top of the site and moves up and down with the page.</li>      <li><strong>Disappears: </strong>When you visitors scroll through your site, the header disappears. For the header to reappear, your visitors need to start scrolling up.</li>      <li><strong>Fades out: </strong>The header slowly fades out when your visitors scroll through the site and reappears when they start scrolling back to the top.</li>    </ul>  </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/2022/09/15/c0ea9510-97d9-4200-9baf-5ad5897ab1a3/e2e42c7a-bf8f-42bc-9d66-9f2de763f387.png" alt="The header scroll settings panel. The 'scrolls with site' option has been selected." /></div></div><div data-component-type="heading"><h2 id="" level="4">To unfreeze your footer:</h2></div><div data-component-type="text"><ol>
  <li>Click the footer.</li>  <li>Click the <strong>Settings </strong>icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/05/20868072-786e-4b0f-ab2d-f3574b91a368.png" />.</li>  <li>Click the <strong>Freeze Footer</strong> toggle to disable it.</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/2022/09/15/d25dafee-9e7f-4b2a-9368-138d62e3d1b9/ebe50272-fdc7-4bf8-a88a-bd057b1fa66d.png" alt="The footer settings panel. The 'freeze footer' toggle has been disabled." /></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>You can also try to move the element to a visible location using the toolbar. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-using-the-editor-toolbar-to-adjust-elements" target="">Learn more about managing elements with the editor toolbar</a></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Still unable to select an element?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/en/article/contacting-wix-customer-care-for-support" target="">Contact our support team</a> who will be more than happy to assist you in resolving this issue. </div></div></div></div>

You may see an error message when attempting to publish your site. Most of these issues are rectified quickly and easily, so you can continue publishing your changes.Error messages displayedError mess...

Wix Editor: Publishing Issues

<div data-component-type="text"><div>You may see an error message when attempting to publish your site. Most of these issues are rectified quickly and easily, so you can continue publishing your changes.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="error-messages-displayed" level="3">Error messages displayed</h2></div><div data-component-type="text"><div>Error messages can be displayed for a variety of reasons, some of which include server and internet connection issues.</div></div><div data-component-type="text"><div>Click an option below to learn more about these messages, and the steps you need to take in order to publish your site.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">You're logged out</h4><div class="collapsible-content"><div>This message is displayed when you are attempting to publish your site while logged out of your Wix account. In order to publish your site, you need to log back in.</div><div><br /></div><div><strong>To log back in and publish your site:</strong></div><ol>
  <li>Keep the tab with the Editor open.</li>  <li>In a new tab, go to <a data-composite="true" href="https://www.wix.com/" target="_blank">Wix.com</a>.</li>  <li>Log in to the relevant Wix account.</li>  <li>Come back to the tab with the Editor.</li>  <li>Click <strong>Publish </strong>in the top right corner.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">You're signed into a different account</h4><div class="collapsible-content"><div>You are unable to publish your site if you are logged into a different Wix account on the same browser. Log out of the other account, and sign back in to the relevant one to continue publishing your site.</div><div><br /></div><div><strong>To log in and publish your site:</strong></div><ol>
  <li>Keep the tab with the relevant Editor open.</li>  <li>In a new tab, go to <a data-composite="true" href="https://www.wix.com/" target="">Wix.com</a>.</li>  <li>Log out of the second account.</li>  <li>Log back in to the relevant Wix account.</li>  <li>Come back to the tab with the Editor.</li>  <li>Click <strong>Publish</strong> in the top right corner.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Your internet is disconnected</h4><div class="collapsible-content"><div>This message is displayed if your internet connection has dropped or been interrupted while you are trying to publish your site. </div><div><br /></div><div>We recommend keeping the tab with the Editor open and checking your internet connection.</div><div>If the connection has been lost, reconnect your device to the internet and try to publish again. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Site can't be published right now</h4><div class="collapsible-content"><div>If you are seeing this message in your Editor, that means that we are currently experiencing a server issue on our end. We are working quickly to resolve this, and will hopefully have it fixed soon.</div><div><br /></div><div>Keep the tab with the Editor open, and try to publish your site again after a few minutes.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">This site was deleted</h4><div class="collapsible-content"><div>If this message is displayed when you are attempting to save or publish your site, it means that the site has been deleted from another window, tab, or browser. You need to restore the site from <strong>Trash</strong> in order to publish the changes.</div><div><br /></div><div><strong>To restore and publish your site:</strong></div><ol>
  <li>Keep the tab with the Editor open.</li>  <li>Go to <a data-composite="true" href="https://manage.wix.com/account/sites" target="_blank">Sites</a> in your Wix account.</li>  <li>Click <strong>Trash</strong>.</li>  <li>Hover over the relevant site.</li>  <li>Click <strong>Restore Site</strong>.</li>  <li>Click <strong>Restore </strong>in the pop up.</li>  <li>Come back to the tab with the Editor.</li>  <li>Click <strong>Publish</strong>.</li></ol></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="further-steps-you-can-take" level="3">Further steps you can take</h2></div><div data-component-type="text"><div>If the error message you see is not displayed above, or if following the instructions in the error message does not rectify the issue, there are further steps you can take:</div></div><div data-component-type="text"><ol>
  <li>Follow the instructions as outlined in the <a data-composite="true" href="https://support.wix.com/en/article/wix-technical-assistant" target="">Wix Technical Assistant</a>. Some of these steps include clearing your cache, and using a different browser.</li>  <li>If this does not rectify the issue, <a data-composite="true" href="https://www.wix.com/contact?openContact=true" target="_blank">contact Wix Customer Care</a>. Make sure to mention the error message and number, and the troubleshooting steps you've already followed.</li></ol></div>

Your Wix site's menu automatically displays every page added to your site except for pages you've chosen to hide. View the most common menu issues and solutions below:Menu missing on live siteIf you c...

Wix Editor: Menu Issues

<div data-component-type="text"><div>Your Wix site's menu automatically displays every page added to your site except for <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-hiding-and-unhiding-a-page-from-your-site-menu" target="">pages you've chosen to hide</a>. </div><div><br /></div><div><strong>View the most common menu issues and solutions below:</strong></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Menu missing on live site</h4><div class="collapsible-content"><div>If you cannot view your menu on your live site, try the following:</div><ol>
  <li>Make sure you've added a menu to your site. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-a-site-menu" target="">Learn How</a></li>  <li>If your menu is attached to the header or footer, or set to &quot;show on all pages,&quot; make sure you are not hiding the header and footer: 
    <ol>
      <li>Click <strong>Menus &amp;</strong> <strong>Pages </strong><img data-composite="true" src="https://lh4.googleusercontent.com/hOcoOb6i2w28jizau5QQNPX-DCjubxanWyfKx3OueGbDYDA6slGsqV82U3YtviD3NZI5ItRp8ofizbqF5t1b7cX8hr9FP6kNgLdiJvDeLZ_WGokFmsnCnbu6pzV4OW_TuPiVUnsPkoKhrEDKQQoxhw" /> on the left side of the Editor.  </li>      <li>Click the relevant page that isn't displaying your menu.</li>      <li>Click the <strong>Show More</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/ea5aa155-aa5e-4ef1-8bea-69375765e8c4.png" />.</li>      <li>Click <strong>Settings </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9fece466-836a-4dbb-b473-f21bfa85fc71/2018/03/08/8aee559e-f62b-4326-a505-b2117d9bff0f.png" />.</li>      <li>Click <strong>Layouts</strong>.</li>      <li>Select <strong>Standard</strong>.</li>    </ol>  </li>  <li>Click <strong>Publish </strong>at the top right of the Editor, then refresh your live site and check that your menu works as expected. </li></ol><div><br />
Learn more about <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-hiding-the-header-and-footer-on-a-specific-page" target="">hiding your header and footer</a>. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Nothing happens when clicking your menu</h4><div class="collapsible-content"><div>If nothing happens when you click your menu, something is likely overlapping it. Make sure your menu is on the 'front' layer and that your header and footer are not set to freeze (causing them to be on top of your menu).<br />
<br />
<strong>To send your menu to the 'front' layer</strong>:</div><ol>
  <li>Press <strong>Ctrl</strong> + <strong>0</strong> (zero) to set your browser's zoom to 100%.<br />
<strong>Note</strong>: Press <strong>Command </strong>+ <strong>0</strong> (zero) if using a Mac. </li>  <li>Right-click on top of an area on your menu that is not working.<br />
<strong>Note</strong>: Press <strong>Ctrl</strong> and click the mouse if using a Mac.</li>  <li>Hover over <strong>Overlapping Items</strong> and select your menu. <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2019/04/09/65a5a33c-91ee-4e97-8795-aaaee28dfa52/8128287c-59e8-402e-96fc-17fe64146063.png" /></li>  <li>Press <strong>Ctrl </strong>+ <strong>Shift</strong> + <strong>↑</strong> on your keyboard to bring the menu to the front.<br />
<strong>Note</strong>: Press <strong>Command</strong> + <strong>Shift</strong> + <strong>↑</strong> if you're using a Mac. </li>  <li>Click <strong>Preview </strong>at the top right of the Editor and check that your menu works correctly.</li>  <li>(If your menu works in Preview mode) Click <strong>Publish </strong>at the top right of the Editor, then refresh your live site and check that your menu works as expected. </li></ol><div><br />
<strong>To unfreeze your header</strong>:</div><ol>
  <li>Click the header.</li>  <li>Click the <strong>Settings</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/05/20868072-786e-4b0f-ab2d-f3574b91a368.png" />.</li>  <li>Select <strong>Scrolls with site</strong>.</li>  <li>Click <strong>Preview </strong>at the top right of the Editor and check that your menu works correctly.</li>  <li>(If your menu works in Preview mode) Click <strong>Publish </strong>at the top right of the Editor, then refresh your live site and check that your menu works as expected. </li></ol><div><br />
<strong>To unfreeze your footer</strong>:</div><ol>
  <li>Click the footer.</li>  <li>Click the <strong>Settings</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/05/20868072-786e-4b0f-ab2d-f3574b91a368.png" />.</li>  <li>Click the <strong>Freeze Footer</strong> toggle to disable the feature. </li>  <li>Click <strong>Preview </strong>at the top right of the Editor and check that your menu works correctly.</li>  <li>(If your menu works in Preview mode) Click <strong>Publish </strong>at the top right of the Editor, then refresh your live site and check that your menu works as expected. </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Menu doesn't work properly on some browsers or devices</h4><div class="collapsible-content"><div>If your menu works properly on some browsers and devices but not others, check the following:</div><ol><li>Go to <a href="https://www.whatismybrowser.com/" target="_blank">whatismybrowser.com</a> to make sure you are using the latest browser version.</li><li>If your browser's version is out of date, install the latest version. View <a href="https://support.wix.com/en/article/supported-devices-browsers-and-operating-systems" target="_blank">Wix's supported browser versions</a>.</li><li>If the issue continues, follow the steps on the <a href="https://support.wix.com/en/article/wix-technical-assistant">Wix Technical Assistant</a> to resolve.</li></ol></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Additional troubleshooting tip:</div><div class="info-content"><div>Try deleting your menu then <a href="https://support.wix.com/en/article/wix-editor-adding-a-site-menu">adding a new menu</a> to see if this resolves the issue.</div></div></div></div>

You may notice differences between your live site and the editor. In most cases, this occurs when you have saved changes in the editor but not yet published them. Make sure to click Publish in your ed...

Wix Editor: Differences in Live Site and Editor

<div data-component-type="text"><div>You may notice differences between your live site and the editor. </div><div><br /></div><div>In most cases, this occurs when you have saved changes in the editor but not yet published them. Make sure to click <strong>Publish</strong> in your editor to check if this is the reason for the differences. </div></div><div data-component-type="text"><div>If you are still unable to see the changes on your live site, follow the steps below.</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>Make sure you're also using a <a data-composite="true" href="https://support.wix.com/en/article/supported-browsers" target="">supported browser</a>. Outdated browsers such as Internet Explorer 10 may display rendering issues between your editor and the live site. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changes-in-the-editor-missing-on-the-live-site" level="3">Changes in the editor missing on the live site</h2></div><div data-component-type="text"><div>If you've made changes in your editor that do not appear on your live site:</div></div><div data-component-type="text"><ol>
  <li>Click <strong>Publish</strong> in your editor, then check your live site to see if it has updated. </li>  <li>If you're receiving an error when publishing, click <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-publishing-issues" target="">here</a>. </li>  <li>Follow the steps in the <a data-composite="true" href="https://support.wix.com/en/article/wix-technical-assistant" target="">Wix Technical Assistant</a> to resolve the issue. </li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changes-on-the-live-site-missing-in-the-editor" level="3">Changes on the live site missing in the Editor</h2></div><div data-component-type="text"><div>If you notice changes that appear on your live site are missing in the editor:</div></div><div data-component-type="text"><ol>
  <li>Check your <a data-composite="true" href="https://support.wix.com/en/article/viewing-and-managing-your-site-history" target="">site history</a> to locate the last saved version with the changes. You can <a data-composite="true" href="https://support.wix.com/en/article/restoring-a-saved-version-of-your-site" target="">restore your editor</a> to the version with the changes if you've saved over them.</li>  <li>Make sure you're checking the correct page in your editor that corresponds to the page on your live site with the differences. Learn how to <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-finding-the-url-of-a-specific-page-on-your-site" target="">find the URL of a specific page</a> in your editor. </li>  <li>Follow the steps in the <a data-composite="true" href="https://support.wix.com/en/article/wix-technical-assistant" target="">Wix Technical Assistant</a> to resolve the issue. </li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="other-reasons-for-differences" level="3">Other reasons for differences</h2></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-font-looks-different-on-different-browsers" target="">Font differences</a> can occur between browsers because they use different rendering engines.</li>  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-aligning-your-site-to-display-correctly-on-different-browsers" target="">Alignment issues</a> can occur between browsers because they use different rendering engines.</li>  <li>Site collaborators can save over your changes. In site history, you can view a collaborator's email address for each saved version and <a data-composite="true" href="https://support.wix.com/en/article/viewing-and-managing-your-site-history" target="">restore versions</a> if needed. Click <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-request-allowing-multiple-people-to-edit-a-site-at-the-same-time" target="">here</a> to vote for the ability to have multiple collaborators edit at the same time. </li>  <li>Custom code can have unexpected results that affect your site's performance. Follow the <strong>Disable Custom Code</strong> steps in the <a data-composite="true" href="https://support.wix.com/en/article/wix-technical-assistant" target="">Wix Technical Assistant</a> to resolve the issue. </li></ul></div>

When viewing your site on different screen sizes and devices, you may see a horizontal scroll bar on your browser and large spaces at the edge of your site.This occurs when you have elements that are ...

Wix Editor: Removing Horizontal Scroll Bars from Your Live Site

<div data-component-type="text"><div>When viewing your site on different screen sizes and devices, you may see a horizontal scroll bar on your browser and large spaces at the edge of your site.</div></div><div data-component-type="text"><div>This occurs when you have elements that are placed outside the vertical gridlines:</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/07/19/25bdd2cd-ce61-4747-aae0-f7006bc04827/d1af0838-ae50-4935-8f60-e9b06d798e2d.png" /></div></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-request-responsive-sites" target="">Full-width elements</a> such as strips and lines do not create horizontal scrollbars as they expand and shrink with the page. We therefore recommend that you use full-width elements whenever possible, or use the stretch feature when available.</div></div><div data-component-type="heading"><h2 id="" level="3">To remove the horizontal scroll bars and spaces:</h2></div><div data-component-type="text"><ul>
  <li>Use the Layers panel to identify the elements on your page that have a horizontal scrollbar. Look for elements that:
    <ul>
      <li>Are not stretched to full-width. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-stretching-an-element-to-full-width" target="">Learn how to stretch an element to full width</a></li>      <li>Have a width bigger than 980px</li>      <li>Are placed at the edge of your Editor screen (or going off the screen).<a data-composite="true" href="https://support.wix.com/en/article/wix-editor-using-the-layers-panel" target=""> Learn more about the Layers panel</a></li>    </ul>  </li>  <li>If the element does not have Stretch enabled, then enable it. If the element does not have the Stretch option available, then add a strip and place the element inside the strip. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-attaching-elements-to-strips-and-columns" target="">Learn how to attach an element to a strip</a></li>  <li>If you have images that are placed outside the gridlines, we recommend that you add them as a strip background instead. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-changing-your-strip-background#adding-an-image-to-your-strip-background" target="">Learn how to add an image to your strip background</a></li>  <li>If you stretched a gallery to full-width manually, we recommend that you change it to a full-width gallery.</li></ul></div>

You may notice issues with alignment and spacing on either your live site or in the editor, such as gaps, text rendering, or overlapping elements.Read this article to learn about potential issues and ...

Wix Editor: Fixing Spacing and Alignment Issues on Your Site

<div data-component-type="text"><div>You may notice issues with alignment and spacing on either your live site or in the editor, such as gaps, text rendering, or overlapping elements.</div></div><div data-component-type="text"><div>Read this article to learn about potential issues and their resolutions.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="alignment-issues-on-different-browsers" level="3">Alignment issues on different browsers</h2></div><div data-component-type="text"><div>Although Wix sites are optimized for most common devices and browsers, you may notice some differences in alignment between them. This is because different browsers and devices use different rendering engines, which can cause minor variations.</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/12/5eddd3c4-90ef-435f-8307-1d8d4309a66d/986e5a8c-5915-4331-ba8a-101f754d5872.png" alt="A screenshot of a live Wix site, showing two misaligned elements." /></div></div><div data-component-type="text"><div>You can adjust your site elements to ensure their alignment on different browsers by adding them to columns, repeaters, or containers.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Solution 1 | Attach elements to columns</h4><div class="collapsible-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-a-strip" target="">Add strips </a>to your site and <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-columns-on-your-strip" target="">split them into columns</a>. You can define how big you want each column, and attach and arrange elements onto the column to ensure it suits your site's layout. </div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/12/7acd8aca-57ad-4bb2-ba0d-179f339f470b/6153645c-9a5c-4c0c-a7b5-6a6deb1a626c.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Solution 2 | Attach elements to repeaters</h4><div class="collapsible-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-managing-repeaters-lists-grids" target="">A repeater</a> is a list of items that organizes your elements into templates that have the same design and layout, but different content. You can customize the content, and ensure that the elements are aligned uniformly across each item.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/12/93a70c71-eca4-4906-b63b-99aa6afb8346/fd440c13-c762-44ff-be7a-c560343ccd10.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Solution 3 | Attach elements to container boxes</h4><div class="collapsible-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-a-box" target="">Add container boxes</a> to your site to <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-attaching-elements-to-a-box" target="">attach your elements</a> to them to easily align them together. We recommend making sure that you leave extra room for text elements inside the box to avoid <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-font-looks-different-on-different-browsers" target="">font issues</a>. </div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/12/9a010ef1-5476-48a0-8328-807b166d53ab/9896ce60-c526-437f-b5e6-8114f98ccae4.png" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="gaps-between-the-page-content-and-footer" level="3">Gaps between the page content and footer</h2></div><div data-component-type="text"><div>You might notice a small gap between the content of your page and the footer, as in the screenshot below. This can occur due to the height of the page. You can remove this gap by <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-changing-the-length-of-your-page" target="">adjusting the page height</a>.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/03/31/85ed5f55-5b23-45ca-a9f2-77cbe8c5685a.gif" /></div></div><div data-component-type="heading"><h2 id="" level="4">To adjust the page height: </h2></div><div data-component-type="text"><ol>
  <li>Click the page in your editor. </li>  <li>Click and drag the <strong>Adjust Page Height</strong> icon <img data-composite="true" src="https://lh4.googleusercontent.com/lATYSxNkQTxpHOyx9owGFSV24AQs6n4WtX1J2TNLjuZT0DOksuccpRscMyMb-w4Ky6joFmxF9QIddzsIwtYcX7WHNAV_aE2Pl9MZrKWxjEhcXP7tPVTrNpnQZ1soz66gEnt_pSVj=s0" />. </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/2022/05/20/551fd3aa-9d04-454e-9699-be341f2186aa/b7f9f6ed-ad48-4885-9acd-54b37b120b86.gif" alt="A page with a footer being resized with the page height handle." /></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>If your page contains a lot of <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-a-strip" target="">strips</a>, you may need to click and pull the footer down in order to select the page.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="gaps-below-the-footer" level="3">Gaps below the footer</h2></div><div data-component-type="text"><div>There is always a gap below your footer in the <strong>editor</strong>, as it allows you to resize the footer quickly and easily. However, you may notice a gap below the footer on the <strong>live vers</strong><strong>ion</strong> of your site.</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/24/d1af712c-085f-448e-b2e0-394d74c3ce5c/eda46f0d-4862-4a24-94ab-00cabf52ae46.png" alt="A screenshot of a live Wix site. There's a gap below the footer." /></div></div><div data-component-type="text"><div>This can occur if the content on your page is shorter than the current page length. There are several ways you can resolve the issue, depending on your design and preferences.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Solution 1 | Change the page background color</h4><div class="collapsible-content"><div>You can change your <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-changing-your-page-background-color" target="">background color</a> to match the color of your footer. This will make the gap look like it's part of the footer.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/24/1687f084-dbfd-48d6-aa8e-cc060030719d/a414c18b-9eaf-4fc9-b15b-5d3c67911b8f.png" /> </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Solution 2 | Add content to your page</h4><div class="collapsible-content"><div>Your page length is automatically determined by the content and elements you add to it. You can make your page longer by adding additional content to cover most of the viewport. </div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/24/71fbf1b8-f9e1-4ffd-9f08-a7bfebc355e6/9a13d814-bd66-4618-a76d-dde35da3893b.png" /></div><div><br /></div><div><strong>Note:</strong> If you add extra content to your page, you may still see a gap on larger viewports, and a vertical scrollbar can appear on smaller viewports.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Solution 3 | Resize the footer</h4><div class="collapsible-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-customizing-your-site-footer#resizing-the-footer" target="">Resize your footer</a> to make it longer. This can give your page extra length, and may cover the viewport.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/24/17f41c8f-33d7-40aa-93c5-014a0fe4c705/b10c40b8-b4ff-448b-934b-d5307af4bc2e.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Solution 4 | Check for hidden elements in the Layers panel</h4><div class="collapsible-content"><div>You can go to the <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-using-the-layers-panel" target="">Layers Panel</a> to find, delete or reposition any hidden elements that may be causing the gap to appear below the footer.</div><div><br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/09/24/b425eeed-80dc-4f28-9618-93108d5a4fbc/a38dca1d-0789-4e66-9f27-d45c2e03c0db.png" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="footer-overlapping-elements-set-to-show-on-all-pages" level="3">Footer overlapping elements set to show on all pages</h2></div><div data-component-type="text"><div>If you have an element on your site that is set to <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-showing-an-element-on-all-pages" target="">show on all pages</a>, you may find that the footer overlaps it on some pages. This can happen if some of your pages are shorter than your element.</div></div><div data-component-type="text"><div>To fix the issue, <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-changing-the-length-of-your-page" target="">drag your footer down</a> with the <strong>Adjust Page Height </strong>icon <img data-composite="true" src="https://lh4.googleusercontent.com/lATYSxNkQTxpHOyx9owGFSV24AQs6n4WtX1J2TNLjuZT0DOksuccpRscMyMb-w4Ky6joFmxF9QIddzsIwtYcX7WHNAV_aE2Pl9MZrKWxjEhcXP7tPVTrNpnQZ1soz66gEnt_pSVj=s0" />. </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/03/08/6e6a35c7-4f64-467e-98f2-27e172895ade/e7de8438-f5eb-452e-b6a6-fef02c238ad0.gif" alt="A GIF showing the page height being dragged down, making it longer." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="elements-disappearing-from-the-site-header" level="3">Elements disappearing from the site header</h2></div><div data-component-type="text"><div>You may find that some of the elements in your header disappear (or fall behind the header) on your live site. This can happen for 2 reasons:</div></div><div data-component-type="text"><ul>
  <li>Your header has a scroll effect that makes it freeze</li>  <li>Your element is not set to <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-showing-an-element-on-all-pages" target="">show on all pages</a></li></ul></div><div data-component-type="text"><div>You can resolve this issue by changing the header's scroll effect, or adjusting the element's display settings.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Solution 1 | Changing the header scroll effect</h4><div class="collapsible-content"><div>If your header has a freeze scroll effect, it can cause elements to disappear or fall behind the header. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-customizing-your-site-header#adding-a-scroll-effect-to-your-header" target="">Choose a new scroll effect</a> to make the elements visible on your live site.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2022/05/09/02cbd765-a59b-471c-bb70-c1b133986d7f/bf91479e-8de3-4c98-8e05-b3f899ea5eeb.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Solution 1 | Setting an element to show on all pages</h4><div class="collapsible-content"><div>If your element hasn't been attached to the header, and has not been set to show on all pages, it is not visible on all of your site's pages.</div><div><br /></div><div><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-showing-an-element-on-all-pages" target="">Enable Show on All Pages</a> on your element to display it on every page of your site.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2022/05/09/8c3659cb-b381-43f9-b001-e0017a83b54d/49da74f7-ec3b-474c-be30-a7962489365f.png" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="text-misaligned-on-your-live-site" level="3">Text misaligned on your live site</h2></div><div data-component-type="text"><div>Sometimes your live site's layout can appear differently on different screens and browsers, with elements not aligning as intended. This may be caused by browsers rendering fonts and other elements differently.</div></div><div data-component-type="text"><div>You can set a certain height for your text box, ensuring that even if the text becomes slightly larger or smaller on another browser, it does not affect the way the boxes are aligned on the page. </div></div><div data-component-type="heading"><h2 id="" level="4">To set a height for your text box:</h2></div><div data-component-type="text"><ol>
  <li>Click the text box in your editor.</li>  <li>Click and drag the handles on the text box to extend it a bit beyond the end of the text (about 10-20 pixels). <br />
<strong>Tip: </strong>This does not affect the size of the text itself.</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/2022/03/10/51f0af53-a0ef-4ae6-984a-80a874e4c5bd/b998a972-ca5b-406e-9352-e0a75f09a75f.gif" alt="A GIF showing a text box being stretched in the Wix Editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="gaps-between-full-width-elements-and-other-elements" level="3">Gaps between full-width elements and other elements</h2></div><div data-component-type="text"><div>Certain elements can be stretched to full-width on your site, such as lines, horizontal menus, and some galleries. Elements that have this option display a <strong>Stretch</strong> icon <img data-composite="true" src="https://lh3.googleusercontent.com/FukahLgIZXd1vSufVMxTz0seKbIp1MoUCivv3JyTWkJoQqrDUWAt-6w6MzSflcU8qJKWA1TU4zkWMcm16IY497rSTP3BZKnPhh9rsSNTtPoAfDjCx0HHf7Ws5XYS2-fKoLmflUfx" /> when you click them.</div></div><div data-component-type="text"><div>When you stretch an element to full width, gaps may appear between the full width element and elements placed above or below it. You can resolve this issue by using the <strong>Zoom out</strong> function or moving the element. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Solution 1 | Zooming out to remove gaps</h4><div class="collapsible-content"><div>Remove gaps from your page by clicking the <strong>Zoom out to 50%</strong> icon <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcy6oabyH3uuRHXA2MYg6m8MiJci4oYkOWfcvy8n-WU2KkX5TBiOrR5j-d0_vEBtElNt2gEE6fgHVnUhk-Hn5q3x9GnFLfQXxcwRL4g_g0cWzqD7d4f0YcM3kEvKDqWVyswZQbAKN5JPSarTiSf9QJ2u4-P?key=dRllTO6NEoYu0-D1JuBE8A" /> on the top bar of your editor. In this view, you can move full-width elements up or down, or delete the spaces between them. </div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2022/05/09/23415e9e-59a5-4a28-8d89-43caef907b66/4fdf8e19-08d8-4f69-b9e8-049d62ab5444.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Solution 2 | Manually moving elements</h4><div class="collapsible-content"><div>Manually move your elements by dragging them to a different position on the page to remove the gaps. </div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Still experiencing issues?</div><div class="info-content"><div>If you've tried the above steps and are still experiencing issues with your site, <a data-composite="true" href="https://support.wix.com/en/article/contacting-wix-customer-care-for-support" target="_blank">contact Wix Customer Care</a> and we'll be happy to assist you. </div></div></div></div>

If you are experiencing issues with any buttons on your site, see our solutions below.Troubleshooting Button IssuesClick the issue that you are having:I click my button but it doesn't do anything, or ...

Wix Editor: Troubleshooting Buttons

<div data-component-type="text"><div>If you are experiencing issues with any buttons on your site, see our solutions below.</div></div><div data-component-type="heading"><h2 id="troubleshooting-button-issues" level="3">Troubleshooting Button Issues</h2></div><div data-component-type="text"><span style="color: rgb(32, 69, 94); font-family: helvetica-neue, helvetica-neue-latin, helvetica-neue-cyrillic, Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">Click the issue that you are having:</span></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">I click my button but it doesn't do anything, or direct me to the right destination</h4><div class="collapsible-content"><ol>
  <li>Check that the button link has been set up correctly: 
    <ul>
      <li>Click <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-customizing-text-icon-buttons" target="">here</a> to learn how to set up the button link for a <strong>text button.</strong></li>      <li>Click <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-an-icon-button" target="">here</a> to learn how to set up the button link for an <strong>icon button.</strong></li>    </ul>  </li>  <li>Check to see if another element, such as a text box, has been placed slightly over the button. This prevents your button from working properly. Click <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-viewing-and-selecting-overlapping-elements" target="">here</a> to learn how to view overlapping elements. You can either move or resize the element which is covering your button, or bring your <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-arranging-elements-using-right-click" target="">button to the front.</a></li>  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-customizing-your-site-header" target="">Disable the freeze setting</a> on your header and footer to see if it helps. Sometimes these can overlap with the content of your site.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">The text or icon is not displayed on my button</h4><div class="collapsible-content"><div>The text and icon for your button are set in button's Settings panel, however, you can choose to show or hide the text or icon from the Design panel. <br />
If the text or icon are not displayed on your button, but you would like them to be, do the following:</div><ol>
  <li>Click the<strong> Design</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/974c50b4-3472-4fd0-b0eb-bf70636220c6.png" /> on the button.</li>  <li>Click the <strong>Text</strong> or <strong>Icon</strong> tab.</li>  <li>Enable the <strong>Show text </strong>or <strong>Show icon</strong> toggle to make them visible.</li></ol><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/19/8cae0e69-8e51-4be9-8738-5e0d621ca082/281ff8e5-e9c4-48dc-8335-930becba8b79.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">I want the new design options on my old buttons</h4><div class="collapsible-content"><div>We created new buttons that we believe are superior to the older buttons in every way. They are better for SEO, they are more accessible, and they offer a much richer variety of designs. However, in order to get all of this, we had to change them at a fundamental level, making the new and old buttons incompatible. Therefore, the new design options do not work with the old buttons.<br />
<br />
If you are interested in the new capabilities, you need to manually replace the buttons on your site. You can use the <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-using-the-layers-panel" target="">Layers panel</a> to find which buttons need replacing. Old buttons will have the text of the button as the name in the Layers panel, and the new buttons are simply called Button. </div><div><br /></div><div>Delete the old buttons after locating them in the Layers panel, then add new buttons to your site. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-about-buttons" target="">Learn more</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">I cannot curve the corners on my button with gradient borders</h4><div class="collapsible-content"><div>Due to the limitation of CSS and some browsers, you cannot curve the corners on a button with gradient borders. We're keeping our eyes open for a solution that allows this.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">I'm not sure what the disabled state means</h4><div class="collapsible-content"><div>The disabled state is a feature of Velo by Wix. You can associate an action to the button that may not be available in certain circumstances, rendering it disabled.</div></div></div></div><div data-component-type="heading"><h2 id="still-need-help" level="3">Still need help?</h2></div><div data-component-type="text"><div>If you're still having trouble with your buttons, please contact us for further assistance. Make sure to prepare the following details:</div></div><div data-component-type="text"><ul><li>The site with the issue</li><li>The page with the issue</li><li>A screenshot of the button</li></ul></div><div data-component-type="text"><div>Follow these <a data-composite="true" href="https://support.wix.com/en/article/contacting-wix-customer-care-for-support" target="">guidelines</a> when contacting Customer Care.</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>If you are having problems with the buttons on your site menu, click <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-menu-issues" target="">here</a>.</div></div></div></div>

When you share a page of your site on Facebook, it takes your page title, description and site thumbnail. As your site evolves, you may need to edit this information so that your page appears on Faceb...

Wix Editor: Troubleshooting: Outdated Info and Thumbnail on Facebook

<div data-component-type="text"><div>When you share a page of your site on Facebook, it takes your page title, description and site thumbnail. As your site evolves, you may need to edit this information so that your page appears on Facebook as it looks now.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="updating-outdated-information" level="3">Updating Outdated Information</h2></div><div data-component-type="text"><div>Your post on Facebook looks like this:</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/7f40210b-c6c2-4c15-bbcf-5bb78a69d10e/2020/03/06/720d301c-7ed2-4022-af85-75a3eeb68a70/d0f9ef1b-b663-4a85-9fa3-307dc302ebe7.jpg" /></div></div><div data-component-type="text"><div>If any of these sections are outdated you can edit them under the page settings. Make sure this information is up-to-date on all of your site's pages. </div></div><div data-component-type="heading"><h2 id="" level="4">To update your page info:</h2></div><div data-component-type="text"><ol><li>Click <strong>Menus &amp; Pages</strong> on the left side of the Editor.</li><li>Click the <strong>Show More</strong> icon next to the relevant page and follow the steps according to what you want to update:<ul><li>Page Title and Description:<ol><li>Click <strong>SEO (Google)</strong>.</li><li>Edit the text under the following sections:<ul><li><strong>What's the page's title on search results on browser tabs?</strong> This is the page title. It appears in the browser tab, but also when sharing your site on social media (as seen above).</li><li><strong>What's the page about? Add a description.</strong> This is the page description. It appears below your page title in search results, but also when sharing your site on social media (as seen above).Thumbnail:</li></ul></li></ol></li><li>Thumbnail:<ol><li>Click <strong>Social Share.</strong></li><li>Click <strong>Upload Image.</strong></li><li>Select and image or click <strong>+ Upload Media</strong> to upload a new one.</li><li>Click <strong>Add to Page</strong>.</li></ol></li></ul></li></ol></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important:</div><div class="info-content"><div>Once you have updated the above, publish your site from inside the <a href="https://support.wix.com/en/article/wix-editor-publishing-your-site">Editor</a>. Facebook may take some time to process the new information.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="using-the-facebook-debugger-1" level="3">Using the Facebook Debugger</h2></div><div data-component-type="text"><div><strong>If your information still appears out of date, please use the Facebook debugger.</strong></div></div><div data-component-type="text"><div>Sharing Debugger lets you preview how your content will look when it's shared to Facebook and debug any issues you may find.</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/7f40210b-c6c2-4c15-bbcf-5bb78a69d10e/2020/03/06/76d2f1fe-75cd-4ce4-977b-83aed3fc497e/5c92a039-0ffc-446d-9528-77a7591628df.jpg" /></div></div><div data-component-type="heading"><h2 id="" level="4">To use the Facebook debugger:</h2></div><div data-component-type="text"><ol><li>Click <a href="https://developers.facebook.com/tools/debug/" target="_blank">here</a>. </li><li>Enter your site's URL in the URL field.</li><li>Click <strong>Debug.</strong></li><li>Click either:<ul><li><strong>Fetch new information </strong>for URLs that have never been shared on Facebook before.</li><li><strong>Scrape Again</strong> for URLs that have been shared on Facebook before.</li></ul></li></ol></div><div data-component-type="text"><div>After debugging, Facebook displays the information that was &quot;fetched&quot; and what is displayed when the link is shared. Scroll down to <strong>Link Preview</strong> to see what will be shared.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important:</div><div class="info-content"><ul>
  <li>If you've debugged your site and it's still displaying the outdated info, try clicking the <strong>Scrape Again</strong> button. You may need to click this a few times before you'll see the information updated.</li>  <li>If debugging does not resolve the issue, please make sure that you have added your <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-your-facebook-username-to-the-social-settings" target="">personal Facebook Account username</a> (not your Business page username) under the Social Settings.</li>  <li>Make sure that the thumbnail follows Facebook's recommendations in terms of size and resolution. For more information, click <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-recommended-ogimage-size" target="">here</a>. </li>  <li>In some cases, there may be an issue on Facebook's end and the debugger does not correct the information.</li></ul></div></div></div>

If you are experiencing issues with your images on your site, please follow the steps below:
  Make sure that the files you are uploading meet the requirements. Click here for guidelines.  Try viewing...

Wix Editor: Image Issues

<div data-component-type="text"><div>If you are experiencing issues with your images on your site, please follow the steps below:</div></div><div data-component-type="text"><ol>
  <li>Make sure that the files you are uploading meet the requirements. Click <a data-composite="true" href="https://support.wix.com/en/article/wix-media-supported-media-file-types-and-file-sizes" target="">here</a> for guidelines.</li>  <li>Try viewing your site on another device to see if the image issue occurs there as well.</li>  <li>Click any &quot;?&quot; inside the editor and type your problem. You might find the answer you are looking for.</li>  <li>Follow our general interactive tutorial <a data-composite="true" href="https://support.wix.com/en/article/wix-technical-assistant" target="_blank">here</a>.</li></ol></div><div data-component-type="text"><div>If you are still having problems after completing the steps above, click <a data-composite="true" href="http://www.wix.com/contact/en?openContact=true" target="_blank">here</a> to contact Customer Care. Please also provide a <a data-composite="true" href="https://support.wix.com/en/article/adding-a-screenshot-to-a-ticket" target="">screenshot</a> of the issue.</div></div>

If you upload an image of insufficient size, your background image may appear too small or too large when viewed on a tablet or iPad. This problem can be solved by uploading an image of the correct si...

Wix Editor: Background Displays Incorrectly on Tablets or iPads

<div data-component-type="text"><div>If you upload an image of insufficient size, your background image may appear too small or too large when viewed on a tablet or iPad. This problem can be solved by uploading an image of the correct size.</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>Your background image must be at least as large as your monitor size. For example, if your monitor is 1920 x 1080 pixels, then your background image must be at least 1920 x 1080 pixels.</div></div></div></div><div data-component-type="heading"><h2 id="" level="3">To make sure your background displays correctly on all devices:</h2></div><div data-component-type="text"><ol>
  <li>Go to the relevant page in your <a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">editor</a>.</li>  <li>Click <strong>Site Design</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/NGhfYiQ_DgWkGYdWrvVIwfJDcQpmDHrE9WY8cYOOttpHUa8ipZRUayIj4ogzOvanaOM4d4WUA-xy73wbFcJqHPWhW_TJplazf_ymsrS928EU5K9qxdgKOIb0ZdHV5UOwwrzM-1TzgJLlCVQR7N4TakSlM6pbziOeVZg_bl93DoJWU1rBF_sJkg1k" /> on the left side of the editor.</li>  <li>Click <strong>Page Background</strong>.</li>  <li>Click <strong>Image</strong>.</li>  <li>(In the Media Manager) Click <strong>+</strong> <strong>Upload Media </strong>at the top left.
    <ol>
      <li>Select an image on your computer that is at least as large as your monitor size.</li>      <li>Click <strong>Open</strong>.</li>    </ol>  </li>  <li>Select the image that you uploaded and click <strong>Change Background</strong>.</li>  <li>Click <strong>Settings </strong><img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/05/e405b0bb-9e12-4b80-9d6c-e96e352b9b60.png" /> on the image background preview.</li>  <li>Select <strong>Original size </strong>from the <strong>How's the image scaled?</strong> drop-down menu..</li>  <li>Select the top center position under <strong>Where's the image positioned?</strong>.</li>  <li>Publish your site.</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/2023/03/29/d144c725-f1b6-4d49-b7e5-5595954a094f/aeb6a59b-63e8-4c4a-8068-6244ece98bbf.png" alt="The image background settings panel. The scaling and positioning section of the panel is highlighted." /></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>You may need to clear your tablet or iPad's cache to view the changes.</div></div></div></div>

Galleries are a classic way to showcase images and encourage visitors to interact with your pages. However, you or your visitors may notice an issue with galleries on your live site. There are a few p...

Wix Editor: Gallery Issues

<div data-component-type="text"><div>Galleries are a classic way to showcase images and encourage visitors to interact with your pages. However, you or your visitors may notice an issue with galleries on your live site. </div></div><div data-component-type="text"><div>There are a few potential causes of gallery issues, including image format and gallery type. You can rule out these causes and potentially resolve the issue by following the troubleshooting steps below. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-test-other-devices" level="3">Step 1 | Test other devices</h2></div><div data-component-type="text"><div>The issues you're experiencing might be local, which means that they only occur on a certain device. In order to rule out local issues, open your live site on a different device and compare to see if the issue occurs there too.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-check-your-gallery-images" level="3">Step 2 | Check your gallery images</h2></div><div data-component-type="text"><div>Gallery issues can be caused by the images that you upload to them. Check your images to ensure that they meet the following guidelines:</div></div><div data-component-type="text"><ul>
  <li>The following image types are supported: JPG, PNG, JPEG, JPE, JFIF, BMP, HEIC, HEIF, TIFF, TIF, WEBP, JPEG 2000 and RAW.</li>  <li>Images can be a maximum size of 25MB.</li></ul></div><div data-component-type="heading"><h2 id="" level="4">To check gallery images:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-media-accessing-the-media-manager" target="">Open the Media Manager</a> in your Editor.</li>  <li>Click <strong>Site Files</strong>.</li>  <li>Click the relevant image.</li>  <li>Check the details under <strong>File Info</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/2022/08/30/911efe19-3ae2-49c3-a501-6dff44c68cd9/a2bcd118-cfce-449c-9911-5f4ff8716a36.png" alt="A close-up of the Media Manager. An image has been selected, and the file info is highlighted." /></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>We only support certain formats of JPEG 2000 and RAW files. Animated WEBP files are not supported, and are automatically reverted to static images. <a data-composite="true" href="https://support.wix.com/en/article/wix-media-supported-media-file-types-and-file-sizes" target="">Learn more about file guidelines</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-check-the-gallery-type" level="3">Step 3 | Check the gallery type</h2></div><div data-component-type="text"><div>The gallery you have on your site may be one of our retired galleries. If you are experiencing an issue with a retired gallery, we recommend replacing it with a gallery available to add from the add panel.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">List of retired galleries</h4><div class="collapsible-content"><ul>
  <li>Impress Gallery </li>  <li>Collage Gallery </li>  <li>Accordion Gallery </li>  <li>Strip Showcase Gallery </li>  <li>Strip Slideshow Gallery </li>  <li>Thumbnails Gallery </li>  <li>Animated Grid Gallery </li>  <li>Slider Gallery </li>  <li>Slideshow Gallery </li>  <li>Grid Gallery</li>  <li>Slide Deck</li></ul><div><br /></div><div>You may see some galleries in the Add Elements panel with the above names. These are <a data-composite="true" href="https://support.wix.com/en/article/wix-pro-gallery-an-overview" target="">Pro Galleries</a>, and have different and / or additional capabilities to classic galleries. We recommend <a data-composite="true" href="https://support.wix.com/en/article/wix-pro-gallery-adding-and-setting-up-your-gallery" target="">adding Pro Galleries to your site</a> to ensure you have the latest, smoothest experience. </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/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/30/f3310c40-e8e3-4c9e-8769-5cfa294d52f5/9024710d-e629-4f2a-ad86-4912098cc705.png" alt="The Galleries tab of the Add Elements panel. A Slider gallery is being selected." /></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>It is currently not possible to migrate an Editor gallery to a Pro Gallery. If you'd like to see this feature implemented, you can <a data-composite="true" href="https://support.wix.com/en/article/wix-pro-gallery-request-migrating-from-an-editor-gallery-to-a-wix-pro-gallery" target="">vote for it here</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-4-try-our-troubleshooting-assistant" level="3">Step 4 | Try our troubleshooting assistant</h2></div><div data-component-type="text"><div>If you are still experiencing the issue after completing the steps above, we recommend using the Wix Technical Assistant. This is an interactive troubleshooter that guides you through steps such as enabling incognito mode, and opening your site on a different browser. <a data-composite="true" href="https://www.wix.com/contact?t=1&amp;alert=0&amp;nodeId=JoGzqNYqNenzPSt5Z9p1" target="_blank">Take me to the Wix Technical Assistant</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/2022/08/30/64886fb1-a088-4328-8543-a9b907b34b88/6f943bd4-08c9-4423-8a7f-ce5c57c50662.png" alt="A screenshot showing a conversation with the WixBot." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Still experiencing issues?</div><div class="info-content"><div>If the steps in this article don't resolve the issue, you can <a data-composite="true" href="https://www.wix.com/contact" target="_blank">contact our support team</a> who will be more than happy to help. Make sure to include the following information so we can assist you as soon as possible: </div><ul>
  <li>A description of the issue</li>  <li>A <a data-composite="true" href="https://support.wix.com/en/article/adding-a-screenshot-to-a-ticket" target="">screenshot</a> of the issue</li>  <li>The steps you have already taken to resolve the issue</li></ul></div></div></div>

If you are experiencing a problem with uploading a YouTube video, please check the information below.
  Your video is set to Public. If your YouTube video is marked as Private, you cannot upload it to...

Wix Editor: Issues Uploading YouTube Videos

<div data-component-type="text"><div>If you are experiencing a problem with uploading a YouTube video, please check the information below.</div><div><br /></div><ul>
  <li>Your video is set to <strong>Public</strong>. If your YouTube video is marked as <strong>Private</strong>, you cannot upload it to your Wix site. You can find your video's privacy settings on your video's <strong>Basic info</strong> tab in your YouTube account.</li>  <li><strong>Embedding </strong>is enabled. This setting can be found on your video's <strong>Advanced settings</strong> tab in your YouTube account.
    <ul>
      <li>It is not possible to embed YouTube Shorts URLs. To embed a YouTube Short, change &quot;/shorts/&quot; in the URL to &quot;/watch?v=&quot;</li>    </ul>  </li></ul></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Note:</div><div class="info-content"><div>Videos might not play automatically on iPhones/iPads as Apple blocks the autoplay function on their mobile devices. This is due to the fact that playing videos or music on a mobile device may incur additional data charges from the visitor's cellphone network. For more information, please see Apple's <a data-composite="true" href="http://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html%23//apple_ref/doc/uid/TP40009523-CH5-SW1" target="">Safari Developer Library</a>. </div></div></div></div>

Animation is a great way to catch your visitors' eyes, and direct them to relevant and interesting content. However, you may notice that they're not functioning as expected on your live site.If you're...

Wix Editor: Troubleshooting Animations on Your Live Site

<div data-component-type="text"><div>Animation is a great way to catch your visitors' eyes, and direct them to relevant and interesting content. However, you may notice that they're not functioning as expected on your live site.</div></div><div data-component-type="text"><div>If you're experiencing issues with animation, read this article to learn more about causes and potential solutions.</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/04/06/5fd6626c-ba94-49af-b024-857a16585fc5/6eb4d8f5-4c6f-48da-82e5-e9ac4d7d4658.gif" alt="GIF showing animation effects on a live site. The main image and text fade in." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Before you begin:</div><div class="info-content"><ul>
  <li>Check that there's no local causes for the issue first. You may need to clear your cache and update your browser. Learn more with the <a data-composite="true" href="https://support.wix.com/en/article/wix-technical-assistant" target="">Wix Technical Assistant.</a></li>  <li>Please note that animations do not play in your site's editor. To view your animations, either <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-saving-previewing-and-publishing-your-site#previewing-your-site" target="">preview</a> your site, or view it live. </li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="new-animations-not-playing-on-the-live-site" level="3">New animations not playing on the live site</h2></div><div data-component-type="text"><div>If you recently added an animation to an element but can't see it on your live site, you might not have published your changes. In order for updates to be reflected on your live site, you need to publish them.</div></div><div data-component-type="heading"><h2 id="" level="4">To publish site changes:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click <strong>Publish </strong>at the top right.</li>  <li>(Optional) Click <strong>View Site</strong> to be taken to your live site.</li>  <li>Click <strong>Done</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/2022/09/26/d4cd4161-5bec-4bfa-b484-7f3aaa1bf616/9cbeda68-e14e-4e19-9459-32ec7d8d8f6a.png" alt="The Wix Editor. It's been zoomed in to show the top-right section. The cursor is hovering over the Publish button." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="lagging-or-slow-animations" level="3">Lagging or slow animations</h2></div><div data-component-type="text"><div>Animation effects are a fun way to bring your site to life and add creativity. However, just like any other effects or elements, having too many animations on one page can cause performance or loading issues. </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/06/226d2239-fb97-47fc-81a6-6b1a5f6d17dc/92953368-37d4-4e9b-9e31-63f9857f1495.gif" alt="A GIF showing a button with an animation on the live site." /></div></div><div data-component-type="text"><div>If you notice that animations are slow or lagging on your live site, you should consider reducing the amount of effects and elements you have on your page. <a data-composite="true" href="https://support.wix.com/en/article/site-performance-best-practices#optimizing-elements-on-your-site" target="">Learn more about optimizing elements on your site</a></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="animations-not-playing-on-certain-devices" level="3">Animations not playing on certain devices</h2></div><div data-component-type="text"><div>You or your visitors may notice that animation effects do not play on your Wix live site - on both mobile and desktop. </div></div><div data-component-type="text"><div>This could happen if visitors are viewing your site from operating systems with a Reduced Motion feature. When turned on, this feature prevents animations from playing in the browser. </div></div><div data-component-type="text"><div>You and your visitors can disable the Reduced Motion feature from your device in order to see the animation play on your site. Click the relevant device below to learn how to disable Reduced Motion:</div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.apple.com/en-us/HT202655" target="_blank">iPhone and iPad</a></li>  <li><a data-composite="true" href="https://support.apple.com/en-il/guide/mac-help/mchlc03f57a1/mac" target="_blank">Mac OS</a></li>  <li><a data-composite="true" href="https://support.office.com/en-us/article/Turn-off-Office-animations-9EE5C4D2-D144-4FD2-B670-22CEF9FA025A" target="_blank">Windows OS</a></li>  <li><a data-composite="true" href="https://support.google.com/accessibility/android/answer/11183305?hl=en&amp;ref_topic=9079043#remove_animations" target="_blank">Android</a></li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>Reduced Motion is also automatically enabled for some mobile devices in low battery or power saving mode.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="animation-playing-on-a-different-element" level="3">Animation playing on a different element</h2></div><div data-component-type="text"><div>If you notice that the wrong element has an animated effect on your live site, you may have accidentally added animation to that element instead. Make sure you're applying the animation to the right element, especially if a number of elements are placed closely together.</div></div><div data-component-type="heading"><h2 id="" level="4">To check your element is animated:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Go to your editor</a>.</li>  <li>Click the element.</li>  <li>Click the <strong>Animation </strong>icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/09/440e8afd-e063-4c4d-a21a-2014df55796f.png" />.</li>  <li>See if an animation has been selected.</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/2022/05/09/c3d8b3a4-a977-4ed1-9f09-a5880e82b77b/c7cde7fe-d0cf-4816-a7a5-dc50cefd3abe.png" alt="The Wix Editor. The animation icon has been clicked and is highlighted. The cursor is hovering over an animation effect." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>To remove an animation from an element, click the<strong> Animation</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/09/310ccc14-34bb-4616-8be3-c9c59a65c14d.png" />, then click <strong>None </strong><img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/09/5d9c9626-0644-4718-a428-17df4763a07a.png" />.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="" level="4">Still need help?</h2></div><div data-component-type="text"><div>If the problem persists after following the steps above, <a data-composite="true" href="http://www.wix.com/contact" target="_blank">contact us</a> and provide the details below:</div></div><div data-component-type="text"><ul>
  <li>The issue you're experiencing, and the steps you've already taken.</li>  <li>The URL of the page where the animation issue occurs.</li></ul></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

Wix Events

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.