Each page on your site has its own unique URL. If you change a page's URL, Wix creates an automatic 301 redirect, taking visitors and search engines from the old URL to the new one. This helps prevent...

Wix Editor: Changing Your Page URL

<div data-component-type="text"><div>Each page on your site has its own unique URL. If you change a page's URL, Wix creates an automatic 301 redirect, taking visitors and search engines from the old URL to the new one. This helps prevent visitors and search engines from getting a 404 error if they go to an older broken link. Learn more about <a data-composite="true" href="https://support.wix.com/en/article/search-engine-optimization-seo" target="">search engine optimization (SEO)</a>. </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>You must first <a data-composite="true" href="https://support.wix.com/en/article/upgrading-your-site-to-premium-3066683" target="">upgrade your site</a> and <a data-composite="true" href="https://support.wix.com/en/article/connecting-a-domain-purchased-elsewhere" target="">connect a domain</a> to your site for the redirects to be created.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-your-page-url" level="3">Changing your page URL</h2></div><div data-component-type="text"><div>Customize the URL of your pages from their page settings in your editor.</div></div><div data-component-type="heading"><h2 id="" level="4">To change your page URL: </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>Pages &amp; Menu </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2021/11/02/0b84b086-cf99-4826-93e0-9ffff492898a/c4974969-a151-4474-b053-c2dcfe3e00e6.png" /> on the left side of the editor.</li>  <li>Hover over the relevant page and click the <strong>More Actions</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/fa466288-0261-4a3a-b06b-cc4883d7bd2d.png" />.</li>  <li>Click<strong> SEO Basics</strong>.</li>  <li>Enter the page URL under <strong>URL slug (last part of the page's URL).</strong></li>  <li>Press <strong>Enter</strong> on your keyboard.</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/06/08/f7bda12f-5bd7-40ea-99bc-ab7fbbb640b3/208cf980-4435-4d35-a18c-8af7db6143e2.png" alt="The SEO basics panel of a page 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>Use words related to the page's content to increase the chances of that page showing up in relevant search results. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="url-paths-to-avoid" level="3">URL paths to avoid</h2></div><div data-component-type="text"><div>When you change your site page URL, you should keep URL paths in mind. It's not possible to use certain URL paths for your pages, as they're used by Wix apps or reserved for SEO. </div></div><div data-component-type="text"><div>Some examples of URL paths you should avoid for your pages are:</div><ul>
  <li>apps</li>  <li>_api</li>  <li>robots.txt</li>  <li>sitemap.xml</li>  <li>feed.xml</li>  <li>sites</li>  <li>events (when using the Wix Events app)</li>  <li>event-details (when using the Wix Events app)</li></ul></div><div data-component-type="text"><div>If you try to use these URL paths, you'll see an error that the URL's unavailable. </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/9dcc39dd-da6f-4c38-b1c3-ee79d33f39d5/2021/08/13/eab96421-2e39-47b7-92c1-c2d4569630d7/04efcf23-2fd2-42fb-9288-687fcd26d961.png" /></div></div>

A landing page enables you to create an intent-focused experience for your site visitors, such as an 'Under Construction' or 'Coming Soon' page. Landing pages can capture your visitors' attention, and...

Wix Editor: Creating a Landing Page (E.g. 'Coming Soon' Page)

<div data-component-type="text"><div>A <a data-composite="true" href="https://www.wix.com/blog/what-is-a-landing-page" target="">landing page</a> enables you to create an intent-focused experience for your site visitors, such as an 'Under Construction' or 'Coming Soon' page. Landing pages can capture your visitors' attention, and encourage them to interact by performing actions such as subscribing to your site, or signing up for your services.</div></div><div data-component-type="text"><div>Your landing page should not display a header or a footer. This encourages visitors to focus on the message of your page, and is also helpful if your site is not yet ready. </div></div><div data-component-type="text"><div>You can create a landing page from scratch, or choose a template available from Wix.</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/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2018/01/16/4b638361-3888-4e77-b1ea-af956fa98d7f.png" alt="Screenshot of landing page. Graphic skyline behind a clock with text that says Coming Soon." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="creating-a-landing-page-from-scratch" level="3">Creating a landing page from scratch</h2></div><div data-component-type="text"><div>Begin creating a landing page from scratch by adding a blank page to your site. You can then customize and build the site by adding elements such as images, text, and forms.</div></div><div data-component-type="heading"><h2 id="" level="4">To create a landing page from scratch:</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>Pages &amp; Menu</strong> <strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/08/b70d5f62-ff17-48eb-b33b-f6f44795b00f/f3dd9d23-7fe3-4942-87a6-bec78441affe.png" />  on the left side of the editor.</li>  <li>Click <strong>Add Page</strong> at the top of the panel.</li>  <li>Choose the page template from the options.</li>  <li>Enter the new landing page name.</li>  <li>Click <strong>Done</strong>.</li>  <li>Remove the header and footer from this page:
    <ol>
      <li>Click the <strong>More Actions</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/04/2530b505-2518-49a7-94a9-978ece800203.png" /> on the page in the list.</li>      <li>Click <strong>Settings</strong>.</li>      <li>Click the <strong>Layouts</strong> tab.</li>      <li>Select <strong>No Header &amp; Footer</strong>.</li>    </ol>  </li>  <li>(Optional) Make the landing page your site's homepage:
    <ol>
      <li>Click the <strong>Page Info</strong> tab.</li>      <li>Click <strong>Set </strong>next to <strong>Make this your homepage?</strong>.</li>    </ol>  </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/2021/07/01/50cbe855-57c1-4c90-85ba-3a428dc29588/f184ed6a-02f0-43fd-8fd5-fb63c6e07ce2.png" alt="Screenshot of the add page panel in Wix. Displaying various page options." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="creating-a-landing-page-using-a-template" level="3">Creating a landing page using a template</h2></div><div data-component-type="text"><div>Add an optimized template from Wix to build your landing page much quicker.</div></div><div data-component-type="text"><div>There are a variety of options to choose from, and the templates include elements such as forms and headings to help you build an eye-catching and engaging landing page. </div></div><div data-component-type="heading"><h2 id="" level="4">To add a landing page template:</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>Pages &amp; Menu</strong> <strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/08/b70d5f62-ff17-48eb-b33b-f6f44795b00f/f3dd9d23-7fe3-4942-87a6-bec78441affe.png" />  on the left side of the editor.</li>  <li>Click <strong>+Add Menu Item</strong> at the bottom of the panel.</li>  <li>Click <strong>New Page</strong>.</li>  <li>Click <strong>Landing Page</strong> from the menu on the left.</li>  <li>Hover over your chosen page and click <strong>Add Page</strong>.</li>  <li>Type the name for the page in the field.</li>  <li>Click <strong>Done</strong>.</li>  <li>Remove the header and footer from this page:
    <ol>
      <li>Click the <strong>More Actions</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/04/2530b505-2518-49a7-94a9-978ece800203.png" /> on the page in the list.</li>      <li>Click <strong>Settings</strong>.</li>      <li>Click the <strong>Layouts</strong> tab.</li>      <li>Select <strong>No Header &amp; Footer</strong>.</li>    </ol>  </li>  <li>(Optional) Make the landing page your site's homepage:
    <ol>
      <li>Click the <strong>Page Info</strong> tab.</li>      <li>b.  Click <strong>Set</strong> next to <strong>Make this your homepage?</strong>.</li>    </ol>  </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/2021/07/01/d1481f41-2a8b-4ea2-aa9c-09005555463f/3e792561-5da8-484e-8ead-c6fea28516cc.png" alt="Add page panel in Wix editor. Landing page selected, landing pages being displayed." /></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 also build a striking and informative and landing page site with our <a href="https://www.wix.com/landing-page-builder" target="">free landing page builder</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="useful-information-about-landing-pages" level="3">Useful information about landing pages</h2></div><div data-component-type="text"><div><strong>When designing your landing page, it is important to keep the below points in mind:</strong></div></div><div data-component-type="text"><ul>
  <li>If you want the landing page to be the first page that people see when they access your site URL, you need to <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-changing-your-sites-home-page" target="">set it as your homepage</a>.</li>  <li>If you are not ready for visitors to view your whole site, you can also <a data-composite="true" href="https://support.wix.com/en/article/preventing-search-engines-from-indexing-your-site" target="">prevent search engines from finding your site</a>. </li>  <li>You can build awareness and excitement for your site or brand by linking the landing page in an <a data-composite="true" href="https://support.wix.com/en/article/email-marketing-creating-and-sending-a-campaign-from-start-to-finish" target="">email marketing campaign</a>. </li></ul></div><div data-component-type="text"><div><strong>If you have set your landing page to not display the header or footer, you should also keep these points in mind:</strong></div></div><div data-component-type="text"><ul>
  <li>It does not have a menu. If you want your visitors to be able to navigate to the rest of your site, make sure to <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-a-link-to-a-button" target="">link a button</a> to your site's main page.</li>  <li>It does not display elements set to &quot;<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>&quot;.</li>  <li>Certain <a data-composite="true" href="https://support.wix.com/en/article/app-disappearing-from-page-with-hidden-footer" target="">apps might not appear</a> on your page. </li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Want to learn more about landing pages?</div><div class="info-content"><div>The Wix blog has information on how landing pages can help you <a data-composite="true" href="https://www.wix.com/blog/create-a-powerful-free-landing-page-in-under-an-hour" target="">achieve your goals</a>.</div></div></div></div>

Limit the access to a specific site page by password protecting it. Visitors who navigate to a protected page are prompted to enter the password. This allows you to share your exclusive content on you...

Wix Editor: Password Protecting a Specific Page of Your Site

<div data-component-type="text"><div>Limit the access to a specific site page by password protecting it. Visitors who navigate to a protected page are prompted to enter the password. This allows you to share your exclusive content on your own terms.</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>If you choose to password protect a page, this also prevents search engines from crawling and indexing that page. This means that password protected pages do not appear in search results.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-password-protection-to-a-page" level="3">Adding password protection to a page</h2></div><div data-component-type="text"><div>Head over to the Page Settings panel to add a password to a site page. Once you publish this change, you can send the password to anyone who needs it.</div></div><div data-component-type="heading"><h2 id="" level="4">To password protect a page:</h2></div><div data-component-type="text"><ol>
  <li>Click <strong>Pages &amp; Menu </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2021/11/02/0b84b086-cf99-4826-93e0-9ffff492898a/c4974969-a151-4474-b053-c2dcfe3e00e6.png" /> on the left side of the editor.</li>  <li>Click the <strong>More Actions</strong> icon <img data-composite="true" src="https://lh3.googleusercontent.com/m6K5H3b0Uvw-VF0VwuYBJBpEusNzcZBFh3fv69b6P67SDjzlw5aEh7_lsUishPikNmhxh8_sDMT5I8HBQDqtEpb5_BVdKniu7J_DpXGZBkVYRuJ-yjIb0_Dwrd1TsNGZcSxBuEGFOg_Y45qBc5hCrA" /> next to the relevant page.</li>  <li>Click <strong>Settings</strong>. </li>  <li>Click the <strong>Permissions </strong>tab.</li>  <li>Select <strong>Password holders</strong>. </li>  <li>Enter your chosen password for the page. </li>  <li>Press the <strong>Enter</strong> key on your keyboard.</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/07/27/789a02b2-01c8-4765-9f67-acc7b130ed8a/d452df50-dd7a-449d-a51d-af888296de60.png" alt="The Permissions tabs in the page settings panel in the Editor. The cursor is hovering over the password field." /></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>Make sure to send the password to visitors that you want to access the page.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Select a question to learn more about password protected pages.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">When should I add password protection to a page?</h4><div class="collapsible-content"><div>Password protection can be used for a variety of needs. Some common examples include party / event invitations, small business updates, and contact information.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I password protect my entire site?</h4><div class="collapsible-content"><div>Yes, you can <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-password-protecting-your-site" target="">password protect your entire site</a> with a single password. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I password protect my site's homepage?</h4><div class="collapsible-content"><div>Absolutely. However, you should be aware that adding a password to your homepage restricts access to the rest of the site – unless someone has a direct link to other site pages.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Is code affected by password protection?</h4><div class="collapsible-content"><div>Any code you have added with <a data-composite="true" href="https://www.wix.com/code/home" target="_blank">Velo by Wix</a> to a password protected page, or the public folder, can still be viewed using the browser developer tools.</div></div></div></div>

By default, search engines like Google crawl and index every page on your live Wix site. If you don't want a specific page to appear in search results, you can prevent search engines from indexing it ...

Wix Editor: Preventing Search Engines from Indexing Your Page

<div data-component-type="text"><div>By default, search engines like Google <a data-composite="true" href="https://www.wix.com/seo/learn/resource/intro-to-crawling-indexing-ranking-for-seo" target="_blank">crawl and index</a> every page on your live Wix site. If you don't want a specific page to appear in search results, you can prevent search engines from indexing it in your editor. </div><div><br /></div><div>From your site's dashboard, you can also choose to prevent search engines from <a data-composite="true" href="https://support.wix.com/en/article/preventing-search-engines-from-indexing-your-site" target="">indexing your entire site</a> or use <a data-composite="true" href="https://support.wix.com/en/article/customizing-your-seo-settings-1420929" target="">your site's SEO Settings</a> to prevent search engines from <a data-composite="true" href="https://support.wix.com/en/article/customizing-your-seo-settings-1420929" target="">indexing groups of pages</a>. </div></div><div data-component-type="text"><div>Preventing search engines from indexing your entire site disables the options to prevent indexing groups of pages or individual pages. It also disables the option to prevent search engines from indexing those pages individually.</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>Password protected pages and private member pages don't show in search results, as they are not crawled and indexed. However, you'll need to manually prevent search engines from indexing public member pages such as <strong>Followers</strong> and <strong>Profile</strong>.</li>  <li>Pages that search engines are prevented from indexing may not appear in your <a data-composite="true" href="https://support.wix.com/en/article/submitting-your-sitemap-and-urls-directly-to-search-engines" target="">sitemap</a>.</li></ul></div></div></div><div data-component-type="heading"><h2 id="" level="3">To prevent search engines from indexing a page:</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>Pages &amp; Menu </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2021/11/02/0b84b086-cf99-4826-93e0-9ffff492898a/c4974969-a151-4474-b053-c2dcfe3e00e6.png" /> on the left side of the editor.</li>  <li>Click the <strong>More Actions </strong>icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9dcc39dd-da6f-4c38-b1c3-ee79d33f39d5/2021/07/12/a364aab6-92d3-453b-953d-46566fa0f702/917c9124-75fa-4771-8e7a-8959a5d7906d.png" /> next to the relevant page.</li>  <li>Click <strong>SEO Basics</strong>.</li>  <li>Disable the <strong>Let search engines index this page </strong>toggle. </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/9dcc39dd-da6f-4c38-b1c3-ee79d33f39d5/2021/08/19/3f09b33d-4a5a-44cd-889b-4b61aeef1dfe/7bdb945f-4d12-429f-a158-f0ec36c4647e.png" alt="screenshot of seo basics panel in wix editor page settings." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Want to let search engines index your page again?</div><div class="info-content"><div>Enable the <strong>Let search engines index this page </strong>toggle to make the page visible to search engines again. </div></div></div></div>

Choose who has access to your site's pages. You may want to restrict access to some of your pages to those who have a password or are approved site members.To apply permissions to a page:
  Go to your...

Wix Editor: Applying Page Permissions

<div data-component-type="text"><div>Choose who has access to your site's pages. You may want to restrict access to some of your pages to those who have a password or are approved site members.</div></div><div data-component-type="heading"><h2 id="" level="3">To apply permissions to a page:</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>Pages &amp; Menu </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2021/11/02/0b84b086-cf99-4826-93e0-9ffff492898a/c4974969-a151-4474-b053-c2dcfe3e00e6.png" /> on the left side of the editor.</li>  <li>Click the <strong>More Actions</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/b6714e3f-3720-4568-a6e3-fabf9adb95a2/e12645dc-2bc7-4bcd-9d36-e5249af67062.png" /> next to the relevant page.</li>  <li>Click <strong>Settings</strong>.</li>  <li>Click the <strong>Permissions </strong>tab.</li>  <li>Select one of the following options under<strong> Who can view this page?</strong>: 
    <ul>
      <li><strong>Everyone</strong>: The page is public and open to all visitors.</li>      <li><strong>Password Holders</strong>: Only people who have the password can view this page. 
        <ul>
          <li>Set a password under <strong>What's the page's password?</strong>.</li>        </ul>      </li>      <li><strong>Site Members:</strong> Your site visitors have to be members to see this page. They are asked to sign in or register if they try to access this page. Choose which members can access the page:</li>    </ul>  </li></ol><ul>
  <li><strong>All members: </strong>Any logged-in member can view the page.</li>  <li><strong>Specific members:</strong> Select members with <a data-composite="true" href="https://support.wix.com/en/article/site-members-creating-member-roles" target="">specific roles</a> and / or <a data-composite="true" href="https://support.wix.com/en/article/pricing-plans-an-overview" target="">pricing plans</a>. Click the toggle to enable an option.
    <ul>
      <li><strong>Members with roles:</strong> Give access to members with specific roles. Click <strong>Manage Roles </strong>to select which roles can access your member pages. If you don't have any roles, click <strong>Create Role </strong>to add new roles.</li>      <li><strong>Members with plan subscriptions: </strong>Give access to customers who bought a pricing plan. Click <strong>Manage Plans </strong>to select which plans grant access. If you don't have any plans, click <strong>Create Plan</strong> to add new plans.</li>    </ul>  </li></ul></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important:</div><div class="info-content"><div>If you select <strong>Specific members</strong>, be sure to <a data-composite="true" href="https://support.wix.com/en/article/site-members-add-and-set-up-a-members-area" target="">add a Members Area</a> to your site.</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/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/6ad15f52-6546-4324-8a34-037e39602294/b43a0c37-d5d4-4a57-adf1-054b062d31a1.png" alt="A screenshot of the permissions tab in the editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question to learn more about page permissions.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Do password protected pages appear in search results?</h4><div class="collapsible-content"><div>No, they do not appear in search results. Selecting the <strong>Password holders </strong>permission prevents search engines from crawling and indexing the page.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Why can't I see the option to change my page from 'Members Only'?</h4><div class="collapsible-content"><div>Some pages are <a data-composite="true" href="https://support.wix.com/en/article/site-members-about-private-and-public-member-pages" target="">private</a> by default. In that case, you won't see the option to change the viewing permissions.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I customize my signup page?</h4><div class="collapsible-content"><div>Yes. You can create a custom signup form and design it to your exact needs. </div><div><br /></div><div><strong>To add and design a custom signup page:</strong></div><ol>
  <li>(In the Pages &amp; Menu panel) Click <strong>Signup &amp; Login</strong>.</li>  <li>Hover over <strong>Member Signup Form</strong> and click the <strong>Settings</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/22/e672bbc1-c250-4c95-9369-0f10c2f5021f/ba051ea7-2f16-4fe4-9d59-89658e782deb.png" />.</li>  <li>Click the drop-down under <strong>Which member signup form do your visitors see?</strong>.  </li>  <li>Click <strong>Custom Form</strong>.</li>  <li>Click <strong>Add to Site</strong>.</li>  <li><a data-composite="true" href="https://support.wix.com/en/article/site-members-customizing-the-member-signup-form" target="_blank">Customize the form</a> to suit your needs.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I customize my member login page?</h4><div class="collapsible-content"><div>Yes. You can create a custom login form for your members and design it to your exact needs. </div><div><br /></div><div><strong>To add and design a custom login page:</strong></div><ol>
  <li>(In the Pages &amp; Menu panel) Click <strong>Signup &amp; Login</strong>.</li>  <li>Hover over <strong>Member Login Form</strong> and click the <strong>Settings</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/22/e672bbc1-c250-4c95-9369-0f10c2f5021f/ba051ea7-2f16-4fe4-9d59-89658e782deb.png" />.</li>  <li>Click the drop-down under <strong>Which member login form do your visitors see?</strong>.</li>  <li>Click <strong>Custom Form</strong>.</li>  <li>Click <strong>Add to Site</strong>.</li>  <li><a data-composite="true" href="https://support.wix.com/en/article/site-members-creating-a-custom-login-form-for-your-members-area" target="">Customize the form</a> to suit your needs.</li></ol></div></div></div>

Create Members Only pages, available exclusively to your logged-in members. Choose whether to display this page to all members or members with certain roles and pricing plans. Note:Make sure that you'...

Wix Editor: Creating Members Only Pages

<div data-component-type="text"><div>Create Members Only pages, available exclusively to your logged-in members. Choose whether to display this page to all members or members with certain <a href="https://support.wix.com/en/article/site-members-creating-member-roles" target="">roles</a> and <a href="https://support.wix.com/en/article/pricing-plans-an-overview" target="">pricing plans</a>. </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>Make sure that you've <a data-composite="true" href="https://support.wix.com/en/article/site-members-add-and-set-up-a-members-area" target="">added a Members Area</a> to your site before creating Members Only pages.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="creating-members-only-pages" level="3">Creating Members Only pages</h2></div><div data-component-type="text"><div>Create a Members Only page to give select visitors access to exclusive content.</div></div><div data-component-type="heading"><h2 id="" level="4">To create a Members Only page:</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>Pages &amp; Menu </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/08/b70d5f62-ff17-48eb-b33b-f6f44795b00f/f3dd9d23-7fe3-4942-87a6-bec78441affe.png" /> on the left side of the editor.</li>  <li>Hover over the relevant page and click the <strong>More</strong> <strong>Actions</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/b86a6dba-b259-436f-bc30-c5506ddf768d.png" />.</li>  <li>Click <strong>Settings</strong>.</li>  <li>Click the <strong>Permissions</strong> tab.</li>  <li>Select <strong>Site Members</strong>.</li>  <li>Select which members can access this page:
    <ul>
      <li><strong>All members:</strong> Any signed in member can access this page.</li>      <li><strong>Specific members:</strong> Limit this page to specific members only. You can choose one or both of the following options:
        <ul>
          <li><strong>Members with roles:</strong> Members with a specific <a data-composite="true" href="https://support.wix.com/en/article/site-members-creating-member-roles" target="">role</a>.
            <ol>
              <li>Click <strong>Manage Roles</strong>.<br />
<strong>Note:</strong> If you have not created member roles, click <strong>Create Role</strong>. </li>              <li>Select the checkbox next to the relevant role(s) and click <strong>Apply</strong>. </li>            </ol>          </li>          <li><strong>Members with plan subscriptions:</strong> Members who've purchased a specific <a data-composite="true" href="https://support.wix.com/en/article/pricing-plans-an-overview" target="">pricing plan</a>.
            <ol>
              <li>Click <strong>Manage Plans</strong>.<br />
<strong>Note:</strong> If you have not created a pricing plan, click <strong>Create Plan</strong>.</li>              <li>Select the checkbox next to the relevant plan(s) and click <strong>Apply</strong>.</li>            </ol>          </li>        </ul>      </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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/22/faa14b67-d470-4c38-9086-01183a374bb6/cc4e8b21-34bb-40a3-beae-af6807043781.png" alt="screenshot of permissions tab within the pages and menu panel." /></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>By default, the <strong>Site collaborators </strong>toggle is always enabled. This ensures you and your collaborators are able to access all parts of your site. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Where can I see a list of my members and their roles / pricing plans?</h4><div class="collapsible-content"><div>Click <strong>Manage Site Members</strong> at the bottom of the permissions tab to view your site members and manage settings like permissions, badges and contact info. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I manage and engage with my members on mobile?</h4><div class="collapsible-content"><div>Absolutely. Choose your <a data-composite="true" href="https://support.wix.com/en/article/wix-mobile-apps-choosing-your-preferred-app-for-your-members" target="">preferred member app</a>, and after your site members download the members app they can perform all the actions they would on your site from the app including purchasing products, booking services, chatting with you from their Inbox and more.</div></div></div></div>

Add pages to create an informative and interesting site for your visitors. There are a variety of page types available, so you can find whatever you need to build your online presence. Each page type ...

Wix Editor: Adding a Page to Your Site

<div data-component-type="text"><div>Add pages to create an informative and interesting site for your visitors. </div></div><div data-component-type="text"><div>There are a variety of page types available, so you can find whatever you need to build your online presence. Each page type also has a range of preset design options with useful elements to help you expand your site quickly and easily. </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/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2021/07/14/ae8af509-7305-4473-b93d-e7251d958eb4/9fd362d1-5d26-498c-96f8-f3585068e12b.jpeg" alt="The Add Page panel has been opened in the Wix Editor. Some About page templates are displayed" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-new-page" level="3">Adding a new page</h2></div><div data-component-type="text"><div>Choose from a variety of professional pre-designed pages offered by Wix, or start from scratch with a blank page. Any new page you add is automatically added to your site menu.</div></div><div data-component-type="heading"><h2 id="" level="4">To add a new page:</h2></div><div data-component-type="text"><ol>
  <li>Click <strong>Pages &amp; Menu</strong> ﻿<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2021/11/02/0b84b086-cf99-4826-93e0-9ffff492898a/c4974969-a151-4474-b053-c2dcfe3e00e6.png" /> on the left side of the Editor.</li>  <li>Click <strong>Site Menu</strong>.</li>  <li>Click <strong>Add Menu Item </strong>at the bottom of the panel.</li>  <li>Select <a data-composite="true" href="https://www.wix.com/my-account/site-selector/?title=&amp;buttonText=&amp;actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7B%7BmetaSiteId%7D%7D%3FeditorSessionId%3D%7B%7Besi%7D%7D%26openpanel%3DaddPagePanel" target="_blank"><strong>New page</strong></a>.</li>  <li>Select either a blank page or a template:
    <ul>
      <li><strong>Add a blank page:</strong> Click<strong> + Blank Page</strong> at the top left.</li>      <li><strong>Choose a template: </strong>Hover over the design you want to use and click <strong>Add Page</strong>.</li>    </ul>  </li>  <li>Enter the new page name in the Pages panel.</li>  <li>Click <strong>Done</strong>.</li>  <li>Design the new page to your liking.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/05/20/62af8954-069c-444a-8ad3-7108a0823bf3/52eed45b-d25e-4a5c-accb-204a21b06db4.jpg" alt="The Pages &amp; Menu panel in the Editor. The cursor is hovering over the New page button." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="available-page-templates" level="3">Available page templates</h2></div><div data-component-type="text"><div>Pre-designed pages include all the elements you need, organized in a sleek layout that is easy to manage. Our templates are organized by category so you can easily find the right page for your site.</div></div><div data-component-type="text"><div>Select an option below to learn more about the available template types.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">About</h4><div class="collapsible-content"><div>Use these pages to introduce yourself and your business, and make a personal connection with your visitors. Give them a good perspective on who you are by sharing your resume, story, or team. </div><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/08/696a3ca1-1217-47e8-bc51-bb88d68639c7/1bc5145d-8a9f-4968-83eb-8d56f321dad2.png" alt="A screenshot showcasing some of  the available About page templates." /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Services</h4><div class="collapsible-content"><div>Use these pages to give an overview of the services that you provide. Services pages are equipped with advanced layout tools, such as strips, repeaters and forms. You can add and remove these items as needed, and customize them to fit your site's look and feel. </div><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/08/86259f40-771c-425a-adce-83ba576d80a7/4bf75f1e-41b8-4233-a32d-89385e5cb112.png" alt="A screenshot showcasing some of  the available Sevcies page templates." /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Projects</h4><div class="collapsible-content"><div>Use these pages to showcase completed projects and those you're currently working on. You can choose from a number of layouts, depending on whether you want to include image descriptions and text.</div><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/08/187da0ca-8459-4dda-9e2f-87676e673130/16ee9853-7b4b-4708-81e4-ad6b522919ba.png" alt="A screenshot showcasing some of  the available Projects page templates." /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Contact</h4><div class="collapsible-content"><div>Use these pages to inform your visitors of all the possible ways to contact you. Contact pages include elements like a contact form, social links and a Google Map in case you want to pin your physical location. </div><div><br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/08/c4b2a3ef-87c6-4cfe-9fda-29bad7282a07/eb9b4281-03e2-4d2d-9b27-7ef3d00804d9.png" alt="A screenshot showcasing some of  the available Contact page templates." /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">General</h4><div class="collapsible-content"><div>Use these pages for any kind of purpose. General pages feature many different layouts and elements that you can tailor to your site's needs. Some pre-built elements include galleries, buttons, and text boxes.</div><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/08/a498f232-e351-40c1-b84f-f1d20df90598/beffb76a-eb2b-47ea-b8e5-53ff1ff77ecf.png" alt="A screenshot showcasing some of  the available General page templates." /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">404 error page</h4><div class="collapsible-content"><div>Add and adjust a custom 404 error page. These are the pages your visitors see if they click a link to your site that doesn't work. You can even customize it to suit your site's theme and feel.</div><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/08/e0262147-6cd7-455d-84b8-a91102e83aed/fc4fa41d-a6ab-4d8d-8b20-559114b05037.png" alt="A screenshot showcasing some of  the available 404 error page templates." /></div><div><br /></div><div><strong>Important:</strong> You need a Premium Plan in order to create a custom 404 error page.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Landing page</h4><div class="collapsible-content"><div>Add a landing page to your site to keep your visitors updated and informed on your brand. You can choose from a range of options such as &quot;Coming Soon&quot; and &quot;Down for Maintenance&quot; pages. Some built-in elements include forms and app store buttons.</div><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/08/b4b88f6e-7158-449c-9ef2-c919a2169c17/f25e17d2-f405-4473-a09f-f4d1a033de5f.png" alt="A screenshot showcasing some of  the available landing page templates." /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Store</h4><div class="collapsible-content"><div>Add a store to your site to display and sell products. <a data-composite="true" href="https://support.wix.com/en/article/wix-stores-about-your-store-pages" target="">Store</a> and <a data-composite="true" href="https://support.wix.com/en/article/wix-stores-about-your-customers-member-pages" target="">member</a> pages are automatically added to your site, so visitors can view your products and keep track of their orders. Some of the pages added include &quot;My Orders&quot;, &quot;Shop&quot;, and &quot;Cart&quot;.</div><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/08/f9f62831-9e36-4c5b-a22f-2109a4ed327d/a23ca456-40f9-42a1-8801-7c9e82077627.png" alt="The Stores option in the Add Page panel has been selected. An example of a shop page is displayed." /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Restaurants</h4><div class="collapsible-content"><div>Add Wix Restaurants to showcase and build your restaurant site. The app includes multiple restaurant pages to allow visitors to <a data-composite="true" href="https://support.wix.com/en/article/wix-restaurants-adding-wix-restaurants-menus-new" target="">view your menu</a> and <a data-composite="true" href="https://support.wix.com/en/article/wix-restaurants-adding-and-setting-up-wix-restaurants-orders-new" target="">order their favorite dishes online</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/2024/05/20/118093f8-06bb-4bf6-8287-a2b5c2a350f5/405c1e78-a202-46af-a6f4-be53abb3b213.png" alt="The Restaurants option in the Add Page panel has been selected. An example of a menu page is displayed." /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Bookings</h4><div class="collapsible-content"><div>Add Wix Bookings to your site so visitors can view, book, and pay for your services in one place. The app includes <a data-composite="true" href="https://support.wix.com/en/article/about-wix-bookings-pages" target="">booking</a> pages and <a data-composite="true" href="https://support.wix.com/en/article/about-the-my-bookings-page#adding-a-members-area" target="">members</a> pages, so you and your visitors have everything you need.<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/08/cbecc80f-fa8a-42a0-8de2-a679f66b7154/50a18043-63f4-4d89-9213-0adff9567d06.png" alt="The Bookings option in the Add Page panel has been selected. An example of a book online page is displayed." /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Blog</h4><div class="collapsible-content"><div>Add a blog to your site to share news, thoughts, and opinions with your visitors. Wix Blog comes with a blog page that showcases all of your categories and posts, and a page that displays singular posts.</div><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/08/0ce55ca4-7116-442e-bd7b-4c7352ab2fa9/a2d0b589-d422-4636-9014-ca130085f5bd.png" alt="The Blog option in the Add Page panel has been selected. An example of a blog page is displayed." /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Pricing Plans</h4><div class="collapsible-content"><div>Use Pricing Plans to showcase your subscriptions, packages, and memberships. It includes a page to display your services, as well as members pages for your visitors to manage their account and subscriptions.</div><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/08/8de60cf2-8ae8-4c0b-90e4-e29ac5ef94e0/e42ddb24-9199-4cc9-a158-6524f8899d1a.png" alt="The Pricing Plans option in the Add Page panel has been selected. An example of a page is displayed." /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Dynamic pages</h4><div class="collapsible-content"><div><a data-composite="true" href="https://support.wix.com/en/article/cms-about-dynamic-pages" target="">Dynamic pages</a> are an easy way to display data from your CMS (Content Management System) collections. Use them to showcase any repeating content, such as property listings and portfolios. The presets include a collection, as well as a dynamic list page, and a dynamic item page.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/15/949b4538-9fc6-45a2-8e3d-a619ddbab03e/06fa6e07-1ad5-40b6-aaae-2dfbb6ba64f3.png" alt="A screenshot showcasing some of  the available dynamic page templates." /></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Did you know?</div><div class="info-content"><div>You can easily navigate to different pages by <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-navigating-between-your-site-pages" target="">selecting the <strong>Switch page</strong> panel on the top bar of the Editor</a>. </div></div></div></div>

You can add up to 100 static pages to your Wix site, however, keep in mind that sites with a large amount of pages may take longer to load and may also affect the loading time and performance. Tip:The...

Wix Editor: Creating a Multi-Page Site

<div data-component-type="text"><div>You can add up to 100 static pages to your Wix site, however, keep in mind that sites with a large amount of pages may take longer to load and may also affect the <a data-composite="true" href="https://support.wix.com/en/article/site-performance-best-practices" target="">loading time and performance</a>. </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>The 100 page limit does not apply to dynamic pages, such as product pages, blog posts, and <a data-composite="true" href="https://support.wix.com/en/article/cms-about-dynamic-pages" target="">pages connected to your CMS (Content Management System)</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="use-dynamic-pages" level="3">Use dynamic pages</h2></div><div data-component-type="text"><div>Dynamic pages let you create and design one page layout that can be used over and over again, each time displaying a different item, content or image stored in a <a href="https://support.wix.com/en/article/cms-content-management-system-an-overview" target="">database collection</a>.</div></div><div data-component-type="text"><div>Dynamic pages also allow you to easily update the look and feel of all your duplicated pages by updating your dynamic page only. If you are duplicating a page and changing each page's content or design manually, we recommend using <a data-composite="true" href="https://support.wix.com/en/article/cms-about-dynamic-pages" target="">dynamic pages</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/8696077d-830a-4b1e-bd86-9df98f89994a/2020/11/04/f603dea8-e6ca-4eb2-9a5c-706ed7ec59cf/5462c3fc-f265-4f6e-9bf6-96d09888fddf.png" alt="A dynamic page on a live site showing summaries of different movies." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="add-a-blog" level="3">Add a blog</h2></div><div data-component-type="text"><div>If you are adding content to your site on a regular basis, posting new articles or blog post, we recommend adding Wix Blog. <a data-composite="true" href="https://support.wix.com/en/article/wix-blog-about-the-wix-blog" target="">Learn more about the Wix Blog</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/8696077d-830a-4b1e-bd86-9df98f89994a/2020/11/04/a99e543c-8f25-4cc8-8232-0d5800e42aba/1a4ef98b-897c-4ddb-9201-0df88546da55.png" alt="A Wix Blog on a live site." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="display-your-media-in-galleries" level="3">Display your media in galleries</h2></div><div data-component-type="text"><div>With galleries you can showcase a large amount of images and allow your users to open each one of them in full-screen for better viewing. By adding galleries, you can avoid creating a new page for each one of your images. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-a-gallery" target="">Learn how to add and set up a gallery</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/8696077d-830a-4b1e-bd86-9df98f89994a/2020/11/04/0466461b-b458-4131-9df0-c1ef0a39dfa5/d5eea3fb-a126-40ce-a9e4-7671fd3d85ed.png" alt="A gallery on a Wix live site." /></div></div>

If you choose to protect your site's pages with a password, you can easily change the password whenever you want. To change the password of a password protected page:
  Click Pages &amp; Menu  on the ...

Wix Editor: Changing the Password of a Password Protected Page

<div data-component-type="text"><div>If you choose to <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-password-protecting-a-specific-page-of-your-site" target="">protect your site's pages</a> with a password, you can easily change the password whenever you want. </div></div><div data-component-type="heading"><h2 id="" level="3">To change the password of a password protected page:</h2></div><div data-component-type="text"><ol>
  <li>Click <strong>Pages &amp; Menu </strong><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2021/11/02/0b84b086-cf99-4826-93e0-9ffff492898a/c4974969-a151-4474-b053-c2dcfe3e00e6.png" /> on the left side of the Editor.</li>  <li>Click the relevant page.</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/54c69671-fcfc-418c-82e8-b7a49b370cb6.png" />.</li>  <li>Click <strong>Settings</strong>.</li>  <li>Click the <strong>Permissions </strong>tab.</li>  <li>Select <strong>Password Holders</strong>.</li>  <li>Type a new password under <strong>What's the page's password?</strong>.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Did you know? </div><div class="info-content"><div>You can <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-password-protecting-your-site" target="">password protect your entire site</a> with a single password. </div></div></div></div>

If you want to view or edit a page on your site, you can access it from the Switch Page panel on the top bar of your editor.To switch between your pages:
  Click the Switch Page panel on the top left ...

Wix Editor: Navigating Between Your Site Pages

<div data-component-type="text"><div>If you want to view or edit a page on your site, you can access it from the Switch Page panel on the top bar of your editor.</div></div><div data-component-type="heading"><h2 id="" level="3">To switch between your pages:</h2></div><div data-component-type="text"><ol>
  <li>Click the Switch Page<strong> </strong>panel on the top left of the editor.</li>  <li>Select the relevant page.</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/19/c7de45b3-77bb-4ec7-97ac-27693f49249f/fd088c8c-e9ae-4f24-95d8-64bee998b66f.gif" alt="Gif of mouse hovering over Switch Page panel and changing pages in Wix 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 also navigate between your pages by clicking on the tabs on your site menu in preview mode. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-saving-previewing-and-publishing-your-site#previewing-your-site" target="">Learn how to preview your site</a></div></div></div></div>

If needed, you can always view your page's URL directly from the Pages panel. To find the URL of a specific page:
  Go to your editor.  Click Pages &amp; Menu  the left side of the editor.  Click the ...

Wix Editor: Finding the URL of a Specific Page on Your Site

<div data-component-type="text"><div>If needed, you can always view your page's URL directly from the Pages panel. </div></div><div data-component-type="heading"><h2 id="" level="3">To find the URL of a specific page:</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>Pages &amp; Menu </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/08/b70d5f62-ff17-48eb-b33b-f6f44795b00f/f3dd9d23-7fe3-4942-87a6-bec78441affe.png" /> the left side of the editor.</li>  <li>Click the relevant page.</li>  <li>Click the <strong>More Actions</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/a737e22a-acc0-48a1-9919-c59ffff35ec2.png" />.</li>  <li>Click<strong> SEO Basics</strong>.</li>  <li>Find the page's URL under <strong>Preview on Google</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/06/08/0a939462-706b-481c-be10-c88dfa9dbd08/0d65f0e4-a8d4-4423-ad30-da9bdd2897d6.png" alt="The SEO basics panel of a page 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 <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-changing-your-page-url" target="">change the page name appearing in the URL </a>on the <strong>Page Info</strong> tab.</div></div></div></div>

Password protected pages: A password protected page requires your site visitors to enter a password. They are not required to log in. Therefore, there is no option to log out. If your site visitors wo...

Wix Editor: Logging In and Out of a Protected Page

<div data-component-type="text"><div><strong>Password protected pages: </strong>A <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-password-protecting-a-specific-page-of-your-site" target="">password protected page</a> requires your site visitors to enter a password. They are not required to log in. Therefore, there is no option to log out. </div></div><div data-component-type="text"><div>If your site visitors would like to re-enter the password, they need to clear their <a data-composite="true" href="https://support.wix.com/en/article/clearing-your-browsers-cache" target="">browser's cache</a> to remove the password memory. The next time that they try to access the page, they will be required to insert the password again. </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>If you've protected your page for members only, the Log In / Sign Up button turns into a Log Out button. This enables your site visitors to log out of members-only pages.</div></div></div></div>

If you password protect a page on your site, your site visitors are required to enter the password to view the content of that page.The password window looks like the example screenshot below:Importan...

Wix Editor: Previewing Your Password Protection Window

<div data-component-type="text"><div>If you password protect a page on your site, your site visitors are required to enter the password to view the content of that page.</div></div><div data-component-type="text"><div>The password window looks like the example screenshot below:</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/2016/09/27/2e5db1e9-e20a-4729-b979-be50068e8079.png" alt="An example of a password protection window on a live Wix site that was built in the Editor." /></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important:</div><div class="info-content"><p>You can only see the password window on your live site. It does not appear when previewing your site.</p></div></div></div><div data-component-type="heading"><h2 id="" level="3">To view your password protection window:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-publishing-your-site" target="">Publish</a> your site.</li>  <li>Access your <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-publishing-your-site#viewing-your-live-site" target="">live site</a>.</li>  <li>Navigate to the password protected page.</li></ol></div>

Manage your pages to keep your site sleek, fun and sophisticated. After adding a page, you can rename it, turn it into your homepage, hide it from your site menu and more. Tip:Easily navigate to diffe...

Wix Editor: Managing Your Site Pages

<div data-component-type="text"><div>Manage your pages to keep your site sleek, fun and sophisticated. After <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-a-page-to-your-site" target="">adding a page</a>, you can rename it, turn it into your homepage, hide it from your site menu and more. </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>Easily <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-navigating-between-your-site-pages" target="">navigate to different pages</a> by clicking the <strong>Switch Pages</strong> panel on the top bar of the editor. </div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/10/29/d9a897d6-106f-4f77-8cfd-ffe1eba5328b/67e872c4-d056-45b9-8628-ab2ec06ed34b.png" alt="The drop-down in Wix Editor that allows to switch to a different site page" /></div> </div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="managing-your-site-pages" level="3">Managing your site pages</h2></div><div data-component-type="text"><div>Manage your site pages at any point from the Pages &amp; Menu panel in the editor. You can rename a page, duplicate a page to create a similar one, and delete those you don't need. This ensures your site remains user-friendly and up to date. </div></div><div data-component-type="heading"><h2 id="" level="4">To manage your site pages:</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>Pages</strong> <strong>&amp; Menu</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/21/34446e6d-9e36-4ec1-a6c4-235656ec853f/b2c51e87-e1ef-4543-8b03-c0969ef4b1c8.png" /> on the left side of the editor.</li>  <li>Hover over the relevant page and click the <strong>More Actions</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/54c69671-fcfc-418c-82e8-b7a49b370cb6.png" />.</li>  <li>Choose what you want to do: </li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Rename the page</h4><div class="collapsible-content"><div>Rename site pages to improve clarity and navigation for your visitors.</div><div><br /></div><ol>
  <li>Click <strong>Rename</strong>.</li>  <li>Type the new name of the page.</li>  <li>Click <strong>Done</strong>. </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Duplicate the page</h4><div class="collapsible-content"><div>Duplicate site pages to save time and maintain consistency across your site.</div><div><br /></div><ol>
  <li>Click <strong>Duplicate</strong>. </li>  <li>Choose from the following options: 
    <ul>
      <li><strong>Duplicate Page</strong>: Create a duplicate of the page. </li>      <li><strong>Make This Page Dynamic</strong>: Reuse this layout to create <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-creating-a-multi-page-site#use-dynamic-pages" target="">multiple site pages</a> with content from a <a data-composite="true" href="https://support.wix.com/en/article/cms-content-management-system-an-overview" target="">CMS</a> (Content Management System) collection.</li>    </ul>  </li></ol> </div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Copy and paste the page to another Wix Editor site</h4><div class="collapsible-content"><div>Copy and paste pages as needed between your sites, as long as both are in the Wix Editor.</div><div><br /></div><ol>
  <li>Click <strong>Copy</strong>.</li>  <li>Open the editor of the site you want to paste to.</li>  <li>Paste the page by doing one of the following:
    <ul>
      <li>Right-click anywhere on the screen and select <strong>Paste</strong>.</li>      <li>Right-click anywhere on the screen and select <strong>Paste &amp; Apply Site Theme </strong>to apply the color and text themes of the target site.</li>    </ul>  </li></ol>  </div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Set the page as the site homepage</h4><div class="collapsible-content"><div>Click <strong>Set as</strong><strong> Homepage </strong>to make this your site's homepage. </div><div><br /></div><div>If you want to delete your current homepage, you must first set another page as the homepage. Then, you can delete the page that was used as your homepage. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Hide the page from the menu</h4><div class="collapsible-content"><div>Click <strong>Hide </strong> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/04/23d72c9e-7de1-4eb7-9207-2570e3048830.png" /> to hide a page to keep it accessible for future use without displaying it in the site's navigation.</div><div><br /></div><div><strong>Tip: </strong></div><div>To unhide, click the <strong>More Actions </strong><img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/54c69671-fcfc-418c-82e8-b7a49b370cb6.png" /> icon next to the hidden page and select <strong>Show </strong><img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/04/395d6c69-44da-4921-b5c0-302de09c3061.png" />.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Set the page as a subpage</h4><div class="collapsible-content"><div>Click <strong>Subpage </strong>to nest this page under another page. This creates a subpage (drop-down) menu on your site. Visitors can see the subpages when they hover over the main page on the menu.<br />
</div><div><strong>Tip:</strong></div><div>You can easily turn the subpage back into a main page at any time. Click the <strong>More Actions</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/54c69671-fcfc-418c-82e8-b7a49b370cb6.png" /> next to the subpage and click <strong>Main page</strong>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Delete the page</h4><div class="collapsible-content"><div>Delete pages you no longer need to improve user experience.<br />
</div><ol>
  <li>Click <strong>Delete </strong><img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/b2f7bf10-a6e8-4ae6-ae0a-02cc39a7b4b0.png" />.</li>  <li>Click <strong>Delete</strong> in the pop-up notification.<br />
<strong>Note</strong>: If a page is linked to a Wix app (e.g., Blog, Stores, etc.), deleting the page also removes the app. </li></ol></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Want to reorder your pages?</div><div class="info-content"><div>Click the <strong>R</strong><strong>eorder</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/10/29/4b92aae3-cb85-4fbc-a6d3-6d095e94c67e/ccbd150c-732f-46ee-89c2-877eccea955b.png" /> icon next to the page name and drag the page to the desired location in the list.<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/03/662414fb-d7d9-46a2-b578-1810348eadf9/118532b5-f544-4523-8abc-12b78544541e.png" /></div>  </div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I change the settings of an individual page? </h4><div class="collapsible-content"><div>Absolutely. You can <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-managing-your-page-settings" target="">change page settings</a>, <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-password-protecting-a-specific-page-of-your-site" target="">password protect individual pages</a> and even <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-creating-members-only-pages" target="">create members only pages</a>. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I edit the width of my page?</h4><div class="collapsible-content"><div>The width of your site is fixed at 980 pixels. You can design your site outside of the 980 pixel borders, however we recommend that anything that you add outside of these borders be mainly decorative and not vital content to your visitors' browsing experience.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How can I delete an app page from my site?</h4><div class="collapsible-content"><div>To delete pages associated with Wix apps (e.g. Wix Stores, Wix Events, Wix Blog), you must <a data-composite="true" href="https://support.wix.com/en/article/deleting-apps" target="">delete the apps</a> themselves to remove their pages.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I hide a page without deleting it?</h4><div class="collapsible-content"><div>Yes, you can <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-hiding-and-unhiding-a-page-from-your-site-menu" target="">hide a page from your site menu</a> without deleting it. This is useful if you want to keep the page content but don’t want it visible to visitors. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I add more than 100 pages to my site?</h4><div class="collapsible-content"><div>You can add up to 100 static pages to your Wix site. The 100 page limit does not apply to dynamic pages, such as product pages, blog posts, and <a data-composite="true" href="https://support.wix.com/en/article/cms-about-dynamic-pages" target="">pages connected to your CMS (Content Management System)</a>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Why does my hidden page still appear when I Google search my site? </h4><div class="collapsible-content"><div>Hidden pages still appear in search engines. If you don't want your site to appear in search results, you can prevent search engines from indexing your site. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-preventing-search-engines-from-indexing-your-page" target="">Learn how to hide a page from search engines</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I download a page from my site?</h4><div class="collapsible-content"><div>It is not possible to download a Wix site or any of its pages as the editor needs to be in constant connection with our servers. As such, it is not possible to work offline or save site pages to your computer.<br />
<br />
Press <strong>Ctrl+P</strong> on your keyboard to use the print screen, or you can take a screenshot of the page and print it.</div></div></div></div>

Your page's meta description is a meta tag that gives potential site visitors a summary of what your page is about. It is not visible on your site's page, but appears below your page's title tag in se...

Wix Editor: Changing Your Page's Meta Description

<div data-component-type="text"><div>Your page's meta description is a meta tag that gives potential site visitors a summary of what your page is about. It is not visible on your site's page, but appears below your page's title tag in search results. <a data-composite="true" href="https://support.wix.com/en/article/adding-seo-title-tags-and-meta-descriptions-to-your-pages" target="">Learn more about meta descriptions</a></div></div><div data-component-type="heading"><h2 id="" level="3">To change a page's meta description:</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>Pages &amp; Menu</strong> <strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/08/b70d5f62-ff17-48eb-b33b-f6f44795b00f/f3dd9d23-7fe3-4942-87a6-bec78441affe.png" />  on the left side of the editor.</li>  <li>Click the <strong>More Actions</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/b517cb5a-cb7b-4ef8-9074-42725d8afd8f.png" /> beside the relevant page.</li>  <li>Select <strong>SEO Basics</strong>.</li>  <li>Enter the page description under <strong>Meta description (description in search results)?</strong>.</li>  <li>Publish your site.</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>Search engines will update your page's meta description the next time that they crawl your site. If you want to try to speed up the process, you can <a data-composite="true" href="https://support.wix.com/en/article/submitting-your-sitemap-and-urls-directly-to-search-engines#submitting-individual-urls-to-search-engines" target="">submit your page's URL to search engines</a>.</div></div></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>See how your page is displayed in Google search results under <strong>Preview on Google </strong>at the top of the <strong>SEO Basics </strong>tab.</div></div></div></div>

Get extra control of your Wix site by using Page Settings. This is the engine-room of your website; allowing you to decide how site visitors and search engines view your pages. From Page Settings, you...

Wix Editor: Managing Your Page Settings

<div data-component-type="text"><div>Get extra control of your Wix site by using Page Settings. This is the engine-room of your website; allowing you to decide how site visitors and search engines view your pages. </div></div><div data-component-type="text"><div>From Page Settings, you can manage your Search Engine Optimization (SEO), allow VIPs access to your private pages, control Social Share settings for your social media accounts...and much more.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How do I access my page settings?</h4><div class="collapsible-content"><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>Pages &amp; Menu </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/08/b70d5f62-ff17-48eb-b33b-f6f44795b00f/f3dd9d23-7fe3-4942-87a6-bec78441affe.png" /> the left side of the editor.</li>  <li>Click the <strong>More Actions </strong><img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/54c69671-fcfc-418c-82e8-b7a49b370cb6.png" /> icon on the page you want to work on.</li>  <li>Click <strong>Settings</strong>.</li>  <li>Click the desired tab at the top of the <strong>Page Settings</strong> menu. </li></ol></div></div></div><div data-component-type="text"><div>Your Page Settings are organized under several tabs. Learn what you can do under each tab below.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="page-info-tab" level="3">Page Info tab</h2></div><div data-component-type="text"><div>Manage your page's general settings from the Page Info tab. You can choose a different name for your page, make it your homepage and manage how frequently this page should be <a data-composite="true" href="https://support.wix.com/en/article/site-performance-caching-pages-to-optimize-loading-speed" target="">cached</a>. </div></div><div data-component-type="heading"><h2 id="" level="4">To edit the Page info tab:</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>Pages &amp; Menu </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/08/b70d5f62-ff17-48eb-b33b-f6f44795b00f/f3dd9d23-7fe3-4942-87a6-bec78441affe.png" /> the left side of the editor.</li>  <li>Click the <strong>More Actions </strong><img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/54c69671-fcfc-418c-82e8-b7a49b370cb6.png" /> icon on the page you want to work on.</li>  <li>Click <strong>Settings</strong>.</li>  <li>Click <strong>Page info</strong>.</li>  <li>Choose what you want to do:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Rename the page</h4><div class="collapsible-content"><div>Enter your page name under <strong>What's this page's name (on your menu)?</strong>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Hide the page from the menu</h4><div class="collapsible-content"><div>Enable the <strong>Hide from menu </strong>toggle to hide the page from your site menu. Your site visitors cannot access <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-hiding-and-unhiding-a-page-from-your-site-menu" target="">hidden pages</a> unless you link to them. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Make the page your homepage</h4><div class="collapsible-content"><div>Click the <strong>Set </strong>to make the current page the sites homepage.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Manage the page's caching settings</h4><div class="collapsible-content"><div>Click <strong>Advanced Settings</strong> and enable or disable the toggle next to <strong>Manually control caching for this page</strong>. You can then choose how often you want to reset the page's cache. </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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/17/87f6bb9c-8158-41d7-a437-c79c3d788910/812e8ee0-6dbf-4ae2-90d3-6bf0984d0e05.png" alt="The Page Info panel for a Wix Site home page" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">What's cache rendering?</div><div class="info-content"><div>Caching helps <a data-composite="true" href="https://support.wix.com/en/article/site-performance-caching-pages-to-optimize-loading-speed" target="">speed up your page's loading time</a>. We recommend keeping the automatic caching for your site's homepage and about page, but not for pages that include widgets (e.g., Store Shopping Cart, Bookings Widget).</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="layout-tab" level="3">Layout tab</h2></div><div data-component-type="text"><div>Change the header &amp; footer layout for a specific page. Occasionally, you may want to alter this layout for a page that is still under construction, displaying a single image or other reasons.</div></div><div data-component-type="text"><div>To remove the header and footer from a specific page, click <strong>No Header &amp; Footer </strong>in the <strong>Layout</strong> tab.</div></div><div data-component-type="heading"><h2 id="" level="4">To edit the Layout tab:</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>Pages &amp; Menu </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/08/b70d5f62-ff17-48eb-b33b-f6f44795b00f/f3dd9d23-7fe3-4942-87a6-bec78441affe.png" /> the left side of the editor.</li>  <li>Click the <strong>More Actions </strong><img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/54c69671-fcfc-418c-82e8-b7a49b370cb6.png" /> icon on the page you want to work on.</li>  <li>Click <strong>Settings</strong>.</li>  <li>Click <strong>Layout</strong>.</li>  <li>Select an option for this page's layout:
    <ul>
      <li><strong>Standard:</strong> The page includes a header and a footer, as usual.</li>      <li><strong>No header &amp; footer: </strong>The page does not show a header nor a footer. This option is mainly recommended for landing pages.<br />
<strong>Note: </strong>This means your site menu won't appear on this page, nor will any other apps you otherwise show in the header and footer. You will, therefore, need to add a navigation link back to your homepage.</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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/17/8e909c65-6317-4d96-a687-da271b2fdfb0/1adc9d8f-fe30-4797-8ce7-5b0504c93acc.png" alt="The Layout panel for a Wix site home page. The standard layout has been selected" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="permissions-tab" level="3">Permissions tab</h2></div><div data-component-type="text"><div>Create a private page to share with only those who want to see it. <a href="https://support.wix.com/en/article/wix-editor-applying-page-permissions">Apply permissions</a> by giving your page password protection. Alternatively, add pages to a Members Only area for your VIPs or paying customers.  You can also <a href="https://support.wix.com/en/article/site-members-creating-member-roles">create member roles</a> and restrict certain pages to specific roles.</div></div><div data-component-type="heading"><h2 id="" level="4">To edit the Permissions tab:</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>Pages &amp; Menu </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/08/b70d5f62-ff17-48eb-b33b-f6f44795b00f/f3dd9d23-7fe3-4942-87a6-bec78441affe.png" /> the left side of the editor.</li>  <li>Click the <strong>More Actions </strong><img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/54c69671-fcfc-418c-82e8-b7a49b370cb6.png" /> icon on the page you want to work on.</li>  <li>Click <strong>Settings</strong>.</li>  <li>Click <strong>Permissions</strong>.</li>  <li>Adjust the <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-password-protecting-a-specific-page-of-your-site" target="">page permission settings</a>.</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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/17/d0d00640-47a3-4e65-a9d4-4362428c22bd/3c3e8f01-93e9-4db2-af06-8012bbe42ccd.png" alt="The Permissions panel for a Wix site home page. The page is visible to all visitors" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="seo-basics-tab" level="3">SEO Basics Tab</h2></div><div data-component-type="text"><div>Get your site to appear higher on search engines by optimizing your pages. Tell the machines what your page is about so they can show it to people who might be interested in your site. </div></div><div data-component-type="text"><div>Using the SEO Basics tab, you can change what the search engine sees when it looks at your page. You can even hide your page from searches if you want to. See more with the options below:</div></div><div data-component-type="text"><ul>
  <li>Learn how to <a data-composite="true" href="https://support.wix.com/en/article/adding-seo-title-tags-and-meta-descriptions-to-your-pages" target="">add an SEO title tag and page description</a>.</li>  <li>Learn how to <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-changing-your-page-url" target="">change your page URL</a>.</li>  <li>Learn how to <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-preventing-search-engines-from-indexing-your-page" target="">prevent search engines from indexing your page</a>.</li>  <li>Learn about the <a data-composite="true" href="https://support.wix.com/en/article/improving-your-online-presence-with-the-wix-seo-setup-checklist" target="">Wix SEO Wiz</a>.</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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/17/960c2580-d851-4ca6-a754-2ed1467e1d11/b7a95485-6f0e-4cb2-8b01-447e3c633f59.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="social-share-tab" level="3">Social Share tab</h2></div><div data-component-type="text"><div>Change your page's title and description as it appears on social networks. Stand out from the crowd with your original title and page content. </div></div><div data-component-type="heading"><h2 id="" level="4">To edit the social share tab</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>Pages &amp; Menu </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/08/b70d5f62-ff17-48eb-b33b-f6f44795b00f/f3dd9d23-7fe3-4942-87a6-bec78441affe.png" /> the left side of the editor.</li>  <li>Click the <strong>More Actions </strong><img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/54c69671-fcfc-418c-82e8-b7a49b370cb6.png" /> icon on the page you want to work on.</li>  <li>Click <strong>Settings</strong>.</li>  <li>Click <strong>Social share</strong>.</li>  <li>Choose what you want to do:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Change the og:title</h4><div class="collapsible-content"><div>Add your title under <strong>What's the page's og:title (title on social media)?</strong></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Add an og:description</h4><div class="collapsible-content"><div>Write your description under <strong>What's the page's og:description (description on social media)?</strong></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Edit X Settings</h4><div class="collapsible-content"><div>Adjust share image, card size, x:title and description under <strong>X Settings</strong>.</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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/17/6eeb80d6-de9b-433e-9663-fd33a45dcaec/9f405dcc-b571-427a-82a2-bffa1ae211f5.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="advanced-seo-tab" level="3">Advanced SEO tab</h2></div><div data-component-type="text"><div>Add additional meta tags and structured data markup to your page to improve search results. Speak to the search engines in a language they understand to help boost your ranking.</div></div><div data-component-type="text"><div>To learn more about meta tags, structured data markup, and canonical page tags, follow the options below:</div></div><div data-component-type="text"><ul>
  <li>Learn how to <a data-composite="true" href="https://support.wix.com/en/article/adding-additional-meta-tags-to-your-sites-pages" target="">add additional meta tags.</a></li>  <li>Learn how to <a data-composite="true" href="https://support.wix.com/en/article/adding-structured-data-markup-to-your-sites-pages-2546962" target="">add structured data markup to site.</a></li>  <li>Learn how to <a data-composite="true" href="https://support.wix.com/en/article/changing-the-canonical-tags-for-your-sites-pages" target="">add canonical tags to your pages</a>. </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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/17/c93e2e52-6f58-41e8-93f8-dacf382f4257/255fac00-68bc-40fe-9b72-c9db2d2eae37.png" /></div></div>

Every page that appears in the Site Menu section of the Pages &amp; Menu panel, automatically appears on your site's menu. You can choose to hide a page from your site's menu, for example if you are s...

Wix Editor: Hiding and Unhiding a Page From Your Site Menu

<div data-component-type="text"><div>Every page that appears in the Site Menu section of the <strong>Pages &amp; Menu</strong> panel, automatically appears on your site's menu. </div></div><div data-component-type="text"><div>You can choose to hide a page from your site's menu, for example if you are still working on it, or if you do not need that page on your site right now.</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>Keep in mind that sites with a lot of pages, regardless of whether they are hidden from the menu or not, may affect your experience in the editor. Read our <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-creating-a-multi-page-site" target="">guidelines for creating a multi-page site</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="hiding-a-page-from-your-site-menu" level="3">Hiding a page from your site menu</h2></div><div data-component-type="text"><div>Hide a page so that it doesn't appear on your site's menu. Your site visitors cannot access hidden pages unless you link to them. </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>Hidden pages still appear in search engines. If you don't want your site to appear in search results, you can prevent search engines from indexing your site. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-preventing-search-engines-from-indexing-your-page" target="">Learn how to hide a page from search engines</a></div></div></div></div><div data-component-type="heading"><h2 id="" level="4">To hide a page from your menu:</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>Pages &amp; Menu</strong> <strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/08/b70d5f62-ff17-48eb-b33b-f6f44795b00f/f3dd9d23-7fe3-4942-87a6-bec78441affe.png" />  on the left side of the editor.</li>  <li>Click the <strong>More Actions</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/54c69671-fcfc-418c-82e8-b7a49b370cb6.png" /> next to the relevant page.</li>  <li>Select <strong>Hide from menu </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9fece466-836a-4dbb-b473-f21bfa85fc71/2018/03/27/6cdbbb18-42d5-4868-a2f8-cc32ef73d430.png" />.</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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/21/25866796-5873-482a-8bf3-88ff18f11322/02a00a04-08ba-48ca-a220-42272e2fbe43.png" alt="The more actions panel of a page in the Editor. The cursor is hovering over the option to hide the page" /></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>Hiding a page on the desktop version of your site does not mean that the page will be hidden on the mobile version. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-managing-your-pages-in-the-mobile-editor#hiding-pages-on-mobile" target="">Learn how to hide a page on your mobile site</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="unhiding-a-page-in-your-site-menu" level="3">Unhiding a page in your site menu</h2></div><div data-component-type="text"><div>Easily unhide a hidden page whenever you want.</div></div><div data-component-type="heading"><h2 id="" level="4">To unhide a page from your menu:</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>Pages &amp; Menu</strong> <strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/08/b70d5f62-ff17-48eb-b33b-f6f44795b00f/f3dd9d23-7fe3-4942-87a6-bec78441affe.png" />  on the left side of the editor.</li>  <li>Click the <strong>More Actions</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/54c69671-fcfc-418c-82e8-b7a49b370cb6.png" /> next to the relevant hidden page.<br />
<strong>Tip:</strong> A <strong>Hidden</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/04/23d72c9e-7de1-4eb7-9207-2570e3048830.png" /> indicates hidden pages in this panel.</li>  <li>Select <strong>Show in menu </strong><img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/04/395d6c69-44da-4921-b5c0-302de09c3061.png" />.</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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/21/1d1e502a-b3f7-45a7-94d2-199150461ec4/d6589c82-d5e4-48c7-8cb9-f0f3fe34ab91.png" alt="The more actions panel of a page in the Editor. The cursor is hovering over the option to show the page" /></div></div>

The Wix Landing Page Builder is a free solution to help you create a striking, informative landing page.Landing pages are an important tool for conversion, and using the builder can give your site vis...

Wix Editor: About the Landing Page Builder

<div data-component-type="text"><div>The <a href="https://www.wix.com/landing-page-builder" target="">Wix Landing Page Builder</a> is a free solution to help you create a striking, informative landing page.</div></div><div data-component-type="text"><div>Landing pages are an important tool for conversion, and using the builder can give your site visitors an impactful first impression.</div></div><div data-component-type="text"><div>By using available tools and features, you can create a landing page that suits you and your brand's needs, all while encouraging visitors to return to your site.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="create-design-a-landing-page" level="3">Create &amp; design a landing page</h2></div><div data-component-type="text"><div>Create a landing page to begin keeping your visitors interested and up-to-date on your business.</div></div><div data-component-type="text"><div>There are a variety of templates to choose from in the builder, such as app and product landing pages. Templates have been optimized for conversion, so they can help turn visitors into customers or subscribers.</div></div><div data-component-type="text"><div>Choose a <a data-composite="true" href="https://www.wix.com/website/templates/html/landing-pages" target="_blank">template</a>, then use the editor to tailor and customize the page.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/05/04/33baef09-cf7d-439c-ac50-c5c31fc3f2ef/e6eda3fa-485f-4c6c-9363-947bde30f5df.png" alt="A screenshot of templates on Wix." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="use-datasets-on-your-landing-page" level="3">Use datasets on your landing page</h2></div><div data-component-type="text"><div>Connect datasets to create a dynamic landing pages.</div></div><div data-component-type="text"><div>Dynamic landing pages consistently update their content, all while keeping the same design and layout. This is because they are connected to collections in your CMS (Content Management System), which can populate 100s of pages.</div></div><div data-component-type="text"><div>You can use <a data-composite="true" href="https://support.wix.com/en/article/cms-about-dynamic-pages" target="">dynamic pages</a> to create templates or guides for clients that will automatically populate when you enter the relevant information, or as a way to display products.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/05/05/3567a13b-8d01-4e4a-a379-16b7891b6865/756aec5c-6df2-463c-abd7-859bdc16c8f1.png" alt="A screenshot of store items on a site." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimize-your-landing-page" level="3">Optimize your landing page</h2></div><div data-component-type="text"><div>Connect to <a data-composite="true" href="https://www.wix.com/manage/analytics" target="_blank">Wix Analytics</a> and use tools such as Google Tag Manager to get valuable insights on your landing page's performance. You can monitor your visitors' behavior, review traffic, and then use tailored suggestions to improve your visitors' experience.</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/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/16/dd8cc2bb-e6ee-4e9a-90fe-6979fb9afb69/1d4df9bf-9ab2-4bf8-a706-9c76ed447313.png" alt="A screenshot of the traffic reports in the Wix Analytics dashboard." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="integrate-with-e-commerce-tools" level="3">Integrate with e-commerce tools</h2></div><div data-component-type="text"><div>You can create a dedicated landing page to serve as a storefront for your online business. Connect to tools and <a data-composite="true" href="https://www.wix.com/payments/payment-gateways" target="_blank">payment providers</a> to create an online store, and use the landing page to display new products, announcements, or as a sales funnel. </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/05/04/500d34c9-2a88-4046-8993-756fe97b5f95/9e711970-f7d4-4c80-b7d4-b39c275a0fa4.png" alt="A screenshot of an e-commerce site." /></div></div>

Currently, it is not possible to add a &quot;Back&quot; button to your site. However, you can add a button, change the text, and link it to whatever page you'd like. Learn how to add and set up a text...

Wix Editor Request: Adding a Back Button

<div data-component-type="text"><div>Currently, it is not possible to add a &quot;Back&quot; button to your site. However, you can add a button, change the text, and link it to whatever page you'd like. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-a-text-icon-button" target="">Learn how to add and set up a text button</a></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>This request refers to adding a &quot;Back&quot; button to your Wix Editor site. If you would like to see a &quot;Back&quot; button added to product pages in Wix Stores, you can <a data-composite="true" href="https://support.wix.com/en/article/wix-stores-request-adding-a-back-button-to-your-product-page" target="">vote for it here</a>.</div></div></div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

Currently, Wix does not have an automatic refresh page feature.In the meantime, you can use the following workaround to refresh your page:Add the HTML code element in your Editor.Enter the code:&lt;sc...

Wix Editor Request: Setting a Page to Refresh Automatically

<div data-component-type="text"><div>Currently, Wix does not have an automatic refresh page feature.</div></div><div data-component-type="heading"><h2 id="" level="3">In the meantime, you can use the following workaround to refresh your page:</h2></div><div data-component-type="text"><ol><li><a href="https://support.wix.com/en/article/wix-editor-embedding-a-site-or-a-widget">Add the HTML code element</a> in your Editor.</li><li>Enter the code:<br />&lt;script&gt; var timer = null;<br />function auto_reload()<br />{<br /> top.location.href = '<strong>Enter your URL destination here</strong>'; <br />} &lt;/script&gt;  &lt;body onload=&quot;timer = setTimeout('auto_reload()',<strong>5000</strong>);&quot;&gt;<br /><strong>Note:</strong> 5000 refreshes the page every 5 seconds. You can change the number to the amount of time you want.</li><li>Save and publish your site.<br /><strong>Note: </strong>Be aware that the script also asks if you want to refresh your Editor. Make sure you save before you refresh the Editor.</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>This workaround only works if you have upgraded your site with a Premium Plan.</div></div></div></div><div data-component-type="text"><div>You can also set certain elements, such as <a data-composite="true" href="https://support.wix.com/en/article/single-video-player-adding-and-setting-up-the-single-video-player" target="">videos</a> and <a data-composite="true" href="https://support.wix.com/en/article/adding-audio-to-your-site" target="">audio</a> to loop without your site being refreshed.</div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated. </div></div>

Currently, template page layouts are not supported in the Editor. In the meantime, you can choose between two types of page layouts; standard and without a header and footer.We are always working to u...

Wix Editor Request: Additional Page Layouts

<div data-component-type="text"><div>Currently, template page layouts are not supported in the Editor. </div></div><div data-component-type="text"><div>In the meantime, you can choose between two types of page layouts; standard and <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-hiding-the-header-and-footer-on-a-specific-page" target="">without a header and footer</a>.</div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

Note: This feature is not yet available to all users. We are delighted to announce that you can now add breadcrumbs to your site with Velo Dev Mode enabled.Breadcrumbs are a handy and easy way to let ...

Wix Editor Request: Navigation Breadcrumbs

<div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Note: </div><div class="info-content"><div>This feature is not yet available to all users. </div></div></div></div><div data-component-type="text"><div>We are delighted to announce that you can now add breadcrumbs to your site with Velo Dev Mode enabled.</div></div><div data-component-type="text"><div>Breadcrumbs are a handy and easy way to let visitors explore and navigate your site. You can connect them to your menu, and choose what to display on your trail. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-breadcrumbs" target="">Learn how to add and set up breadcrumbs</a>.</div></div>

Currently, deleting multiple pages at the same time is not supported in the Editor. You can only delete one page at a time.We are always working to update and improve our products, and your feedback i...

Wix Editor Request: Deleting Multiple Pages at Once

<div data-component-type="text"><div>Currently, deleting multiple pages at the same time is not supported in the Editor. You can only delete one page at a time.</div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

We are excited to announce that you can now password protect your entire site with a single password. 

Wix Editor Request: Password Protecting Your Entire Site

<div data-component-type="text"><div>We are excited to announce that you can now <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-password-protecting-your-site" target="">password protect your entire site with a single password</a>. </div></div>

Social link pages are one-stop, platform-based pages, where you can link to all social media accounts and sites, using buttons, icons, and direct links. They are generally accessed from your social me...

Wix Editor Request: Creating a Social Link Page

<div data-component-type="text"><div>Social link pages are one-stop, platform-based pages, where you can link to all social media accounts and sites, using buttons, icons, and direct links. They are generally accessed from your social media accounts, and are extremely useful for content creators, influencers, and businesses.</div></div><div data-component-type="text"><div>Currently, it is not possible to add a template link page to your Wix site. </div></div><div data-component-type="text"><div>However, you can build incredible pages from scratch, and add links and elements to showcase your social media accounts and external sites manually. You can then link to this page from your social media accounts.</div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is greatly appreciated.</div></div>

Currently, it is not possible to design the window that is displayed on password protected pages.The design of the window (i.e. fonts and colors) is taken directly from your site's theme. Choosing a n...

Wix Editor Request: Customizing the Password Window of a Password Protected Page

<div data-component-type="text"><div>Currently, it is not possible to design the window that is displayed on password protected pages.</div></div><div data-component-type="text"><div>The design of the window (i.e. fonts and colors) is taken directly from your site's theme. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-customizing-your-sites-theme-and-design" target="">Choosing a new theme</a> automatically updates the password window's look.</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>Changes you make to your theme apply to your entire site.</div></div></div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

Currently, in the Wix Editor, it is not possible to hide a page from your published site.As a workaround, you prevent your site pages from being indexed, password protect pages or hide pages from your...

Wix Editor Request: Hiding a Page from Your Site

<div data-component-type="text"><div>Currently, in the Wix Editor, it is not possible to hide a page from your published site.</div></div><div data-component-type="text"><div>As a workaround, you <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-preventing-search-engines-from-indexing-your-page" target="">prevent your site pages from being indexed</a>, <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-password-protecting-a-specific-page-of-your-site" target="">password protect pages</a> or <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-hiding-and-unhiding-a-page-from-your-site-menu" target="">hide pages from your site's menu</a>.</div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is greatly appreciated.</div></div>

There are several types of menus that you may have on your site, including a site menu, anchor menu, language menu and member menus. Site MenuA site menu is an essential part of your website. Every si...

Wix Editor: About Menus

<div data-component-type="text"><div>There are several types of menus that you may have on your site, including a site menu, anchor menu, language menu and member menus. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="site-menu" level="3">Site Menu</h2></div><div data-component-type="text"><div>A site menu is an essential part of your website. Every site should have one as it allows your visitors to navigate between your pages and sections on your website. </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/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/05/07/68376fd8-7706-4708-9493-01789cb0da2a/eb78279d-1296-4b99-8919-a77debeb327d.png" alt="screenshot of site menu highlighted on home organizer website." /></div></div><div data-component-type="text"><div>All of our templates have a site menu already installed on them, but if you have started a website from scratch, make sure to add one.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Learn about menus on multi-page websites</h4><div class="collapsible-content"><div>On a multi-page website, the items on the menu display the names of the pages on your site. When you add a new page, a new item is added to the menu with the new page name. You can change the text on the menu items by changing the page names. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-managing-your-sites-pages" target="">Learn More</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Learn about menus on one-page websites</h4><div class="collapsible-content"><div>One-page sites are built from several page sections. Each page section has an (invisible) anchor on it. These anchors are linked to the menu, and the anchor names are displayed on your menu.<br />
<br />
This means that when your visitors click a menu item, they are taken to the relevant anchor/page section on your site.<br />
<br />
In the screenshot below, you can see the page section &quot;My Services&quot; and its anchor:<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/05/07/d9f3c9fa-0d4a-4835-9c94-eb561ea31299/b75735fc-3343-47ee-bd66-1cf4419b1928.png" /><br />
You can change the text on the menu item by <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-renaming-and-deleting-an-anchor" target="">changing the anchor names</a>. </div></div></div></div><div data-component-type="text"><div>We have tons of menu designs for you to use. Just click the <strong>Design </strong>icon <img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2018/03/04/e4f28f1e-ba2f-4b7c-b1e1-6d30add4af3e.png" /> on your menu to see the different styles. You can also change between a horizontal and vertical site menu. <a href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-a-vertical-menu">Learn How</a></div></div><div data-component-type="heading"><h2 id="anchor-menu" level="3">Anchor Menu</h2></div><div data-component-type="text"><div>Display your <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-renaming-and-deleting-an-anchor" target="">anchors</a> in a cool floating anchor menu. An anchor menu allows your site visitors to access different page sections on your site by clicking the anchor name on the menu.<br />
<br />
As the anchor menu is floating, it is always visible wherever your site visitors are on your page.</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/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/05/07/0d13ce2d-0378-4ff3-a035-990ad86c8ec2/e832908a-6e07-4e78-baf5-0ee189d84c58.png" /></div></div><div data-component-type="text"><div>As you can see in the screenshot above, it is possible to have a site menu and an anchor menu on the same website. The site menu at the top lets visitors navigate between the site pages, and the anchor menu on the right side lets visitors navigate between the sections on the page.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Learn more about anchor menus</h4><div class="collapsible-content"><div>Add and set up an anchor menu in just a few clicks. <a href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-an-in-page-menu">Learn How</a><br /><br /><a href="https://support.wix.com/en/article/wix-editor-linking-to-anchors-on-your-site">Learn more about anchors</a></div></div></div></div><div data-component-type="heading"><h2 id="language-menu" level="3">Language Menu</h2></div><div data-component-type="text"><div>Wix Multilingual lets you display your content in different languages, so visitors around the world can get the most out of your site. With Wix Multilingual, a language menu is displayed on your site, so that your visitors can change the language of your website in just one click.</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/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/05/07/36773337-69ee-47d1-8f88-2d9bdb3f1dc0/b01c1fca-64dc-41cf-b9bf-f171d0f48d71.png" /></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Learn more about Wix Multilingual and the language menu</h4><div class="collapsible-content"><div>The language menu is part of Wix Multilingual. <a data-composite="true" href="https://support.wix.com/en/article/wix-multilingual-adding-and-setting-up-wix-multilingual" target="">Learn how to get started.</a><br />
<br />
You can customize your language menu by clicking the <strong>Layout</strong> and <strong>Design</strong> icons:</div><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/ba1f3568-48d6-4633-99af-177bfcdae62b/291bfca5-343e-46ae-b37b-6a64012305e6.png" /></div></div></div></div><div data-component-type="heading"><h2 id="members-area-menus-1" level="3">Members Area Menus</h2></div><div data-component-type="text"><div>The Members Area contains two different menus; the login menu and the member menu.</div></div><div data-component-type="heading"><h2 id="login-menu" level="4">Login Menu</h2></div><div data-component-type="text"><div>Once a member logs in to your site using the member login bar, they can see all of the member pages that they have access to. This menu drops down from the login bar and it includes a Log Out button:</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/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/01/17/39fa0b61-fcb8-4349-9d0a-25a5391f3264.png" /></div></div><div data-component-type="heading"><h2 id="member-menu-1" level="4">Member Menu</h2></div><div data-component-type="text"><div>When a member logs in to your site, they see another menu under their profile. This member menu displays all the pages inside a member's account such as My Account, My Orders or My Bookings.</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/71d20af0-560e-44a5-bb38-bf3f513b58fa/2024/10/22/2b04f3f4-b405-4277-ac33-4c95f48475e6/741bb2f5-5ea7-4626-a0c2-3d0ff558528c.jpg" alt="A screenshot of the member menu." /></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Learn more about menus in the Members Area</h4><div class="collapsible-content"><div>You only have these menus on your site if you have a Members Area.<br />
<a data-composite="true" href="https://support.wix.com/en/article/site-members-add-and-set-up-a-members-area" target="">Learn how to add a Members Area to your site.</a><br />
<br />
You can customize the login and member menus to match your site by clicking the <strong>Layout</strong> and <strong>Design</strong> icons:<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/6154d8fd-7c8b-49d9-97f3-253c0487c6c8/f2f346fa-09ad-4e2e-a27b-3586a10e17aa.png" /></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Try your menu:</div><div class="info-content"><div>We recommend that you play with all of the menus on your live site or in preview mode to check that they are working properly. If you are experiencing problems, see our <a href="https://support.wix.com/en/article/wix-editor-menu-issues">Menu Troubleshooter</a>.</div></div></div></div>

A site menu is an essential part of your website. Every site should have one so that your site visitors can navigate between your pages or sections.If you are using a template, your site already has a...

Wix Editor: Adding a Site Menu

<div data-component-type="text"><div>A site menu is an essential part of your website. Every site should have one so that your site visitors can navigate between your pages or sections.<br /><br /></div><div><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/04/07/4f3eae14-f9f4-4f96-aaef-1dbdf0be2207.png" /></div></div><div data-component-type="text"><div>If you are using a template, your site already has a menu on it. Click the menu to customize it, or delete it and add a new one following the steps below.</div></div><div data-component-type="heading"><h2 id="" level="3">To add a site menu:</h2></div><div data-component-type="html"><p><a href="https://www.wix.com/my-account/site-selector/?title=&amp;buttonText=&amp;actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7B%7BmetaSiteId%7D%7D%3FeditorSessionId%3D%7B%7Besi%7D%7D%26openpanel%3Daddpanel.navigation" target="_blank">
  <img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/24/89491297-d1f0-467d-aa2e-aed933d06b1d/acd45daa-3add-4df9-be90-b228e30733b1.png" /> </a></p></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>Add Elements </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> on the left side of the editor.</li>  <li>Click <strong>Menu &amp; Anchor</strong>.</li>  <li>Click a menu type:
    <ul>
      <li><strong>My Menus:</strong> If you've already added menus to your site, the styles you've chosen appear in this section so you can use them again.  </li>      <li><strong>Themed Menus: </strong>These menus have been handpicked to match your site.</li>      <li><strong>Horizontal Menus:</strong> A horizontal menu is usually placed in the header or footer of a site.</li>      <li><strong>Vertical Menus: </strong>A vertical menu can be placed anywhere you want on your site. Be sure to set it 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>      <li><strong>In-page Menus:</strong> Display <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-about-anchors-9563" target="">your anchors</a> and <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-about-sections" target="">sections</a> in a cool, floating menu. As the in-page menu is pinned to the screen, it is always visible wherever your site visitors are on your page.</li>      <li><strong>Hamburger Menus:</strong> <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-a-hamburger-menu" target="">Hamburger menus</a> are menus that display a button on your live site. When visitors click the button, the menu opens in a container. </li>    </ul>  </li>  <li>Drag your chosen menu element on to your page.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tips:</div><div class="info-content"><ul>
  <li>To create a floating menu, <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-pinning-elements-to-the-screen" target="">pin the menu</a> to the desired location on the screen.</li>  <li>You can also add Site Search from the Menu &amp; Anchor tab. Site Search lets your visitors search for anything on your site using a search bar, and the results of the search are displayed clearly in a list. <a data-composite="true" href="https://support.wix.com/en/article/about-wix-site-search" target="">Learn more about Site Search</a></li></ul></div></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>A menu should be displayed on every page of your site. If your menu is placed in the header or footer, it automatically shows on every page. If you are using a vertical menu, or a horizontal menu (not in your header or footer) make sure you set it 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>.</div></div></div></div>

Anchors are an easy way to direct people to the bits of your site that matter most. You can add as many anchors as you need and rename them to easily recognize each one. Adding an anchorAdd anchors to...

Wix Editor: Adding, Renaming and Deleting an Anchor

<div data-component-type="text"><div><a href="https://support.wix.com/en/article/wix-editor-linking-to-anchors-on-your-site" target="">Anchors</a> are an easy way to direct people to the bits of your site that matter most. You can add as many anchors as you need and rename them to easily recognize each one. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-an-anchor" level="3">Adding an anchor</h2></div><div data-component-type="text"><div>Add anchors to important parts of your site. Then, link elements and menu items to your anchors so that visitors can easily access those sections. </div></div><div data-component-type="heading"><h2 id="" level="4">To add an anchor:</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>Add Elements </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> on the left side of the editor.</li>  <li>Click <strong>Menu &amp; Anchor </strong>.</li>  <li>Click <strong>Anchor</strong> under <strong>In-Page Navigation</strong>, or drag it to the relevant location on your page.</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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/27/76febee0-15ae-4904-9336-5c3b96ea26b8/abac9110-301b-485c-99a9-5680e048e9d1.png" alt="screenshot of add elements panel in wix editor, anchor 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>It is not possible to add an anchor to your page's footer. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="renaming-an-anchor" level="3">Renaming an anchor</h2></div><div data-component-type="text"><div>After creating a new anchor, give it a name that you can recognize. Naming your anchors helps to differentiate between them, especially when they're linked to elements. These names are also visible to your site visitors if you add an anchor menu. </div></div><div data-component-type="heading"><h2 id="" level="4">To rename an anchor:</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 anchor. </li>  <li>Click <strong>Rename</strong>.</li>  <li>Type the name of your anchor.</li>  <li>Press <strong>Enter </strong>on your keyboard.</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/2021/11/30/2b5acecf-8ac0-4b47-a32a-356271a8fb2e/01b16dfa-66ec-4132-a99d-ef581c5fd43d.png" alt="screenshot of anchor settings in wix editor. mouse hovering over whats this anchors name." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="delete-an-anchor" level="3">Delete an anchor</h2></div><div data-component-type="text"><div>You can always delete anchors that you no longer need. </div></div><div data-component-type="heading"><h2 id="" level="4">To delete an anchor:</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>Right-click on the anchor you wish to delete. </li>  <li>Click <strong>Delete</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/2021/11/30/d88c7c41-c73f-49ab-bf74-672df1e270f0/18134fba-7781-4664-8f61-aaa2c85da147.png" alt="screenshot of site anchor right click menu in wix editor." /></div></div>

Customize the design of your menu, change the colors to match the look of your site, or choose a new font size, style, and more. You can adjust both the menu and dropdown menu, and have different desi...

Wix Editor: Customizing Your Horizontal Menu Design

Anchors are invisible position markers. Place them on your pages to mark important content, then use your site's menu, an in-page menu or other elements (e.g. buttons) to quickly direct your visitors....

Wix Editor: About Anchors

<div data-component-type="text"><div>Anchors are invisible position markers. Place them on your pages to mark important content, then use your site's menu, an in-page menu or other elements (e.g. buttons) to quickly direct your visitors.</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/06/02/ff762d11-17ee-42e9-8001-fe39391931c1/ea992fd4-7990-4977-9d6f-6893b8ac4c47.gif" alt="Anchors being clicked on a live site. When an achor is clicked, the page automatically scrolls to the relevant section." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="how-do-anchors-work" level="3">How do anchors work?</h2></div><div data-component-type="text"><div>Anchors are markers that you add to your site to highlight an important section. They're only visible in your editor, so visitors can't see them on your live 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/05/12728e8d-0e54-4ede-a7ec-eb8a624f9e18/a8c4bc2c-e6f8-42b2-988c-a13bc1319bad.png" alt="Close up screenshot of an anchor in the Editor." /></div></div><div data-component-type="text"><div>You can <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-linking-to-anchors-on-your-site" target="">add multiple anchors to your pages</a>, which means they're especially useful for one-page sites that have a lot of content. By adding anchors and a way to access them, it's quicker and easier for visitors to find what they're looking for on your site. </div></div><div data-component-type="text"><div>When you add an anchor, you can give it a name. This helps you to recognize and differentiate between your anchors when editing your site. We recommend naming the anchor to fit the content it's marking, for example, &quot;Contact Us&quot;.</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/05/b8d39d87-c36b-4e36-82fd-563cbd8c9483/0799b7bc-563f-43d0-b2af-4065995a2b15.png" alt="An anchor in the Editor. The anchor is highlighted and is named 'My story'. It's hovering over a section called 'Who Am I?'" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="add-anchors-to-your-site-menu" level="3">Add anchors to your site menu</h2></div><div data-component-type="text"><div>As anchors mark important information on your site, you should ensure that visitors can access them with ease. You can <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-creating-a-site-menu-with-anchors-and-sections-for-one-page-sites" target="">link to your anchors from your site menu</a> to display them alongside other menu items. When a visitor clicks the anchor item in the menu, they are taken directly to that section. </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/06/23/220a37be-afc9-4c30-977a-a4568fb64ba3/5a90990f-977a-435c-9aa7-f99c687f4cf8.png" alt="A site in the Wix Editor. An item in the site menu is highlighted, as well as its corresponding anchor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="display-your-anchors-in-a-floating-menu" level="3">Display your anchors in a floating menu</h2></div><div data-component-type="text"><div>One of the best ways to direct your visitors to anchored sections is by <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-an-in-page-menu" target="">adding them to a floating menu</a>. These menus are especially useful for one page sites, but you can also display them in addition to a site menu on multi-page sites.</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/06/23/1a34e56e-0ee9-4aec-90d1-1261c13a2e2d/bd482163-9f46-49ee-927a-2881b69e7ab3.png" alt="A zoomed in view of anchor menu on a live site." /></div></div><div data-component-type="text"><div>You can add as many in-page menus as you need to your pages. Since they float, your visitors can always see and click on them when they're scrolling up and down your site. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="link-elements-to-anchors" level="3">Link elements to anchors</h2></div><div data-component-type="text"><div>You can also direct visitors to specific anchors by <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-a-link-to-an-element" target="">linking to them from elements</a> on your site, such as buttons, images, and text. </div></div><div data-component-type="text"><div>If you link the element to a button or text, you can change what it says to further encourage visitors to click and explore what your site has to offer.</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/06/24/81074628-25e5-4714-ba84-e7f68a74aacc/fa25d9c2-95b0-4320-9f29-5a76b1ed0970.png" alt="The link panel for a button in the Editor. The 'Gallery' anchor has been selected to be linked to the button." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="create-unique-urls-for-anchors" level="3">Create unique URLs for anchors</h2></div><div data-component-type="text"><div>If you want to showcase specific content outside your Wix site, you can <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-linking-to-anchors-on-your-site#creating-and-sharing-anchor-urls" target="">create unique links that lead directly to an anchor</a>. Change the URL to look how you want, and share it across external platforms and accounts. </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/2023/02/24/d4f89fc4-25c8-4e32-a223-f976ba8140a1/9bd3155f-bac4-433e-bf79-e5dd4e7ca647.png" alt="The anchor settings panel in the Editor. The anchor URL tab is open." /></div></div><div data-component-type="text"><div>Anchor URLs are a great way to share your site, and encourage more visitors to check out your business. Visitors who click the link are brought directly to the anchor on your page, so they don't need to scroll to find relevant content.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more about anchors.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I move anchors on my page?</h4><div class="collapsible-content"><div>You can move an anchor to a new position on your page at any time. To move an anchor:</div><div><br /></div><ol>
  <li>Click the anchor in your editor. </li>  <li>Drag it to the new position.</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/2022/05/05/a9e00e9d-0ab1-423d-99d7-f0f285439fd1/2be9356d-073f-4974-9312-065ddc53c391.gif" /></div><div><br /></div><div><strong>Note:</strong> It is not possible to move an anchor to your site footer.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How do I delete anchors?</h4><div class="collapsible-content"><div>If you delete content from your site, you may also want to delete its corresponding anchor. To delete an anchor: </div><div><br /></div><ol>
  <li>Right-click the anchor in your editor.</li>  <li>Click <strong>Delete</strong> from the menu.</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/2022/05/05/a569b944-5473-4555-ba4a-a11c68a95d04/317f4c1e-6d0f-4ef5-ba5f-72ee3ebbd05b.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How do anchors work on my mobile site?</h4><div class="collapsible-content"><div>It is not possible to add anchors as a mobile-only element in the mobile editor, and anchors you've added in the desktop editor may automatically be hidden from your mobile site. However you can <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-anchors-and-in-page-menus-on-your-mobile-site#anchors-on-mobile" target="">re-add them if needed from the Hidden Elements panel</a>.</div><div>In-page menus are hidden from your mobile site and cannot be re-added. If you want to displays anchors on your mobile site, you need to <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-anchors-and-in-page-menus-on-your-mobile-site#anchor-menus-on-mobile" target="">add them as a link to your mobile menu</a>.</div></div></div></div>

Add a link to your site menu to direct your visitors to important information such as sections, files, and external URLs. You can also link your phone number or email address so visitors can easily re...

Wix Editor: Adding and Managing Links in Your Menu

<div data-component-type="text"><div>Add a link to your site menu to direct your visitors to important information such as sections, files, and external URLs. You can also link your phone number or email address so visitors can easily reach you or your business. </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/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2017/12/24/3a9df2d2-7a53-4057-98d1-e20cd2c71295.png" alt="A menu on a Wix live site displaying an email link as a menu item." /></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">You should know:</div><div class="info-content"><div>This article refers to a regular site menu, and not advanced menus. If you have an advanced menu, you can <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-advanced-menus#step-3-add-menu-items" target="">learn how to add links here</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-link-to-your-menu" level="3">Adding a link to your menu</h2></div><div data-component-type="text"><div>Get started by adding a link as a menu item. Links look like regular menu items, and you can name them whatever you want.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What kind of menu links can I add?</h4><div class="collapsible-content"><div>You can add the following links as menu items:</div><div><br /></div><ul>
  <li>A page on your site</li>  <li>A web address (such as a social media page) </li>  <li>A section or anchor</li>  <li>The top / bottom of your page</li>  <li>A document</li>  <li>An email address </li>  <li>A phone number</li>  <li>A lightbox</li></ul></div></div></div><div data-component-type="heading"><h2 id="" level="4">To add a link to your menu:</h2></div><div data-component-type="text"><ol>
  <li>Click <strong>Pages and Menu</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2021/11/02/0b84b086-cf99-4826-93e0-9ffff492898a/c4974969-a151-4474-b053-c2dcfe3e00e6.png" /> on the left side of the editor.</li>  <li>Click <strong>Add Menu Item</strong> and select <strong>Link</strong>.</li>  <li>Select the relevant link type on the left.</li>  <li>Enter the relevant details.</li>  <li>Click <strong>Done</strong>.</li>  <li>Enter a name for the new menu item and 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/8696077d-830a-4b1e-bd86-9df98f89994a/2024/12/10/1868327b-f9ac-4d37-8f08-92e0d268b3a6/d49d9d17-ecbc-4a5e-8e76-2a13062cf849.png" alt="A link to a section is being added as a link in a menu." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="managing-your-menu-links" level="3">Managing your menu links</h2></div><div data-component-type="text"><div>Keep your menu up to date by managing your menu items as you go.</div></div><div data-component-type="heading"><h2 id="" level="4">To manage your menu links:</h2></div><div data-component-type="text"><ol>
  <li>Click <strong>Pages and Menu</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2021/11/02/0b84b086-cf99-4826-93e0-9ffff492898a/c4974969-a151-4474-b053-c2dcfe3e00e6.png" /> on the left side of the editor.</li>  <li>Click <strong>Site Menu</strong>.</li>  <li>Hover over the relevant menu item and click the <strong>More Actions</strong> icon <img data-composite="true" src="https://lh3.googleusercontent.com/YNjIqNkILI_j64yJ6ZpXRclNxSO711rGi0XOc0Ch0a-O2cklLPtHsrN9C4CKHC0v0kentAfn7phW7o1n6A7ohO0v-3iU2ZjsWGgNasLUPJE93yOSMc89Ag6_jfXnUM-xqyTcHE5jWgMzfDKPiOLyiw" />.</li>  <li>Choose what you want to do with the item:
    <ul>
      <li><strong>Change link:</strong> Change to another link type or change the link details.</li>      <li><strong>Rename: </strong>Change the name of the item on your site menu.</li>      <li><strong>Duplicate:</strong> Make an exact copy of the item in your menu.</li>      <li><strong>Hide from menu </strong>/<strong> Show in menu:</strong> Hide the item from your menu or show it.</li>      <li><strong>Subpage </strong>/ <strong>Main page:</strong> Turn the link into a subpage under the menu item above it, or turn it back into a main page on the menu.</li>      <li><strong>Delete a menu link: </strong>Remove the link from your site menu.</li>    </ul>  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Did you know?</div><div class="info-content"><div>The icon that appears next to your link in the Pages and Menu panel represents the link type (e.g. <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2017/12/24/d35159fb-b12a-479d-8102-1e2c492e0878.png" /> Web address,<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2017/12/24/5b8748c3-0c41-42eb-87da-40d2f6f25b5d.png" /> Lightbox, <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/09/27/d2c71d67-8732-42ec-932d-0d4678a89663/5596ce42-d980-4889-8ea1-186def2ad4ec.png" /> Section). </div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/12/10/47f436d9-2516-4540-b0fa-daef3dd056b3/97d9b13d-fc0d-417a-8e15-3075e84d9bda.png" alt="Clicking the More Actions icon next to a link menu item, showing the management options that come up" /></div></div>

You can set your subpages on your vertical menu to open to the right or to the left. This is a useful feature and the preference usually depends on the position of your menu on your page.To change the...

Wix Editor: Changing the Direction of Subpages in a Vertical Menu

<div data-component-type="text"><div>You can set your <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-creating-a-subpage-drop-down-menu" target="">subpages </a>on your vertical menu to open to the right or to the left. This is a useful feature and the preference usually depends on the position of your menu on your page.</div></div><div data-component-type="heading"><h2 id="" level="3">To change the direction of the subpages in a vertical menu:</h2></div><div data-component-type="text"><ol>
  <li>Click your menu.</li>  <li>Click the <strong>Layouts </strong>icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/369319e8-4f14-4815-88ad-6c66c26a6e47.png" />.</li>  <li>Select an option under <strong>How do dropdown menus open?</strong>: 
    <ul>
      <li><strong>To the right</strong>: The <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-creating-a-subpage-drop-down-menu" target="">subpages </a>of your dropdown menu open to the right of the menu item.</li>      <li><strong>To the left</strong>: The <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-creating-a-subpage-drop-down-menu" target="">subpages </a>of your dropdown menu open to the left of the menu item.</li>    </ul>  </li></ol></div>

Anchors are invisible position markers that you can place anywhere on your site. After adding anchors, there are several ways to direct your visitors to the important information they display.You can ...

Wix Editor: Linking to Anchors on Your Site

<div data-component-type="text"><div>Anchors are invisible position markers that you can place anywhere on your site. After <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-renaming-and-deleting-an-anchor" target="">adding anchors</a>, there are several ways to direct your visitors to the important information they display.</div></div><div data-component-type="text"><div>You can add the anchors to your site menu, link elements (e.g. buttons) to anchors and use an in-page menu for a page with many anchors. You can even create a unique anchor URL to share on other platforms.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-your-anchors-to-a-menu" level="3">Adding your anchors to a menu</h2></div><div data-component-type="text"><div>Add an anchor as an item to a menu on your site. When visitors click the item, they're brought to the anchor, so they don't need to scroll.</div></div><div data-component-type="heading"><h2 id="" level="4">To add an anchor to a menu</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 site menu.</li>  <li>Click <strong>Manage Menu</strong>.</li>  <li>Click <strong>Add Menu Item</strong> at the bottom of the panel.</li>  <li>Add a new anchor, depending on your menu type:
    <ul>
      <li>(For advanced menus) Click <strong>Section</strong>.</li>      <li>(For site menus) Click <strong>Section or anchor</strong>.</li>    </ul>  </li>  <li>Select the page the anchor is on from the drop-down.</li>  <li>Select the relevant anchor from the drop-down.</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/2023/02/24/19d1927f-fd4f-49e0-9db6-e02a29ff6fd9/2076620e-fe6e-4cd3-a564-d938726109e7.png" alt="The Link panel in the Editor to add an anchor to a menu." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="displaying-anchors-on-an-in-page-menu" level="3">Displaying anchors on an in-page menu</h2></div><div data-component-type="text"><div>You can display all of your anchors in a cool floating menu on your page. An <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-an-in-page-menu" target="">in-page menu</a> allows your visitors to access different parts of your page by clicking the anchor name on the menu. </div></div><div data-component-type="text"><div>As the in-page menu is floating, it is always visible wherever your visitors are on the page.</div></div><div data-component-type="heading"><h2 id="" level="4">To add an in-page menu:</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>Add Elements </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> on the left side of the editor.</li>  <li>Click <strong>Menu &amp; Anchor</strong>.</li>  <li>Click<strong> In-Page Menu</strong>.</li>  <li>Drag your chosen menu onto your page.</li>  <li>(Optional) Right click your anchor menu and select <strong>Pin to Screen</strong> to change its location on your page.</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/02/24/ee982885-aa0c-48de-b683-20a44fdb668e/2102d99a-b623-4784-a92d-6b553ade2dbe.png" alt="The Add Elements panel in the Editor. The cursor is hovering over the option to add an in-page menu." /></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>In-page menus are not displayed on your mobile-friendly site. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-getting-started-with-the-mobile-editor" target="">Learn more about creating your mobile site</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="linking-elements-to-your-anchors" level="3">Linking elements to your anchors</h2></div><div data-component-type="text"><div>You can link images, buttons, and other elements to anchors on your site. When visitors click these elements, they're directed to the relevant anchor.</div></div><div data-component-type="text"><div>Linking elements to anchors is a great way to encourage your visitors to explore your site, and direct them to relevant information.</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>Linking anchors to text is done differently. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-a-link-to-text#hyperlinking-text" target="">Learn how to link text to an anchor</a></div></div></div></div><div data-component-type="heading"><h2 id="" level="4">To link an element to an anchor:</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 you want to link from.</li>  <li>Click the <strong>Link</strong> icon <img data-composite="true" src="https://lh4.googleusercontent.com/8zZfdpxqwt9lhV0e31WR3fVTZaAeF6how0CkEyDwW0xX4262TslqWaHFmxu4rZFjhipV1BNWlD1WnF23EBMNIe_amzYk8jsYqmkkCQV0CTmc2H4ab2qmodtGDFu8RGyKL4P475Ni=s0" />.</li>  <li>Click <strong>Section or anchor</strong> on the left.</li>  <li>Select the page the anchor is on from the drop-down.</li>  <li>Select the relevant anchor from the drop-down.</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/2023/02/24/83374ff1-25e2-4d13-857e-5e1252604bba/bec96179-14a5-44c3-9682-8cd125988f08.png" alt="The link panel in the Editor. The anchor details have been set up." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="creating-and-sharing-anchor-urls" level="3">Creating and sharing anchor URLs</h2></div><div data-component-type="text"><div>Generate a unique anchor URL to share across platforms and showcase relevant and important content. When visitors click the link, they're brought directly to the anchor on your page, so they don't need to scroll to find information. </div></div><div data-component-type="text"><div>Choose the suffix (ending) to make the link look how you want. Once you've created and published the URL, you can preview the link and copy it for quick sharing.</div></div><div data-component-type="heading"><h2 id="" level="4">To create and share a link to an anchor:</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 relevant anchor. </li>  <li>Click the <strong>Settings</strong> icon <img data-composite="true" src="https://lh4.googleusercontent.com/zS87zM8aNxuowL8LBbRXB8r5UzoZ8C_IyC60_HX8-taeNU9L3xw6CPCUZgN5mkUB307_gjkUChfPcsPRRtAYeVCcUv_StI64arpnVs5uQ8PduB0kuiNKj5A_O7QqRQgU0gGiTnEmAtCdfwDXxiKTPw" />.</li>  <li>Click <strong>Anchor URL</strong>.</li>  <li>Enter the chosen suffix (URL ending) under <strong>What's the URL suffix?</strong>.</li>  <li>Press the Enter key on your keyboard.</li>  <li>Publish the site changes.</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/02/24/4441544e-710b-418c-9445-fc588f8d17b3/790e2ba8-1545-4f13-91db-49001a89953f.png" alt="The Anchor settings panel in the Editor. The cursor is hovering over the option to add a URL suffix." /></div></div><div data-component-type="text"><ol>
  <li>(Optional) Copy or preview the anchor URL: 
    <ol>
      <li>Click the relevant anchor in your editor.</li>      <li>Click the Settings icon <img data-composite="true" src="https://lh4.googleusercontent.com/zS87zM8aNxuowL8LBbRXB8r5UzoZ8C_IyC60_HX8-taeNU9L3xw6CPCUZgN5mkUB307_gjkUChfPcsPRRtAYeVCcUv_StI64arpnVs5uQ8PduB0kuiNKj5A_O7QqRQgU0gGiTnEmAtCdfwDXxiKTPw" />.</li>      <li>Click <strong>Anchor URL</strong>.</li>      <li>Choose what you want to do with the URL:
        <ul>
          <li><strong>Copy URL:</strong> Copy the link to your device's clipboard in order to paste and share it on external sources.</li>          <li><strong>Go to URL:</strong> Open the URL directly to see how it looks for visitors.</li>        </ul>      </li>    </ol>  </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/02/24/9f1f2a10-2361-4447-bd7d-49f7efebd0ef/ba2c3937-0209-4c14-aafe-8e2d63a44b25.png" alt="screenshot of anchor settings panel in wix editor." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Notes:</div><div class="info-content"><ul>
  <li>The options to copy or open the URL only work if you publish your site after setting up the link.</li>  <li>Linking elements to anchors, or adding anchors to a menu, do not generate an anchor URL. </li></ul></div></div></div>

In-page menus are floating menus that allow visitors to easily navigate to important pieces of content across your site. After adding and setting up an in-page menu, customize its design and layout to...

Wix Editor: Managing and Customizing In-Page Menus

<div data-component-type="text"><div>In-page menus are floating menus that allow visitors to easily navigate to important pieces of content across your site. After <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-an-in-page-menu" target="">adding and setting up an in-page menu</a>, customize its design and layout to match your desired look. </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/2016/04/07/359d36df-6a4c-4307-89b3-4f2488d09825.gif" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="managing-the-menu-items" level="3">Managing the menu items </h2></div><div data-component-type="text"><div>Choose what you want to display on your menu. You can show or hide sections and anchors, as well as add new ones. </div></div><div data-component-type="heading"><h2 id="" level="4">To manage items:</h2></div><div data-component-type="text"><ol>
  <li>Click the in-page menu in your editor.</li>  <li>Click <strong>Manage Menu</strong>.</li>  <li>Choose what you want to do with the items:
    <ul>
      <li>Select or deselect the box next to the anchor and section names to hide or display them in the menu.</li>      <li>Click <strong>Add New Anchor</strong> to create a new anchor and display it in the menu.</li>      <li>Click Add <strong>New Section </strong>to create a new section and display it on the menu.</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/08/10/277a4099-ee6c-485d-b52b-b9d76aec4511/7095c42f-a607-4058-9ca8-ef8307131188.png" alt="The manage menu panel of an in-page menu in the Editor." /></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>Your anchors and sections are displayed on the menu in the order that they appear on the page (top to bottom). It is not possible to change the order of items in an in-page menu.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-menu-design" level="3">Customizing the menu design</h2></div><div data-component-type="text"><div>There are a range of cool, sleek in-page menu presets available to add to your site. After adding the menu, you can further design it to suit your desired look and aesthetic. Adjust the background color, the menu items and the spacing between them. </div></div><div data-component-type="heading"><h2 id="" level="4">To customize the menu design:</h2></div><div data-component-type="text"><ol>
  <li>Click the in-page menu in your editor.</li>  <li>Click the <strong>Design</strong> icon <img data-composite="true" src="https://lh3.googleusercontent.com/j-rXK3SQAEZoPrh7cdaR14ihsCQqEsLllKBidFTcrvvztKxDV-KXxP_BjTpNXNFmd-j-f7zbM_TsxRf3_6HB0Mfsxvow9tuHcYoCJbE5Bn5rvLLWaC4EFHvpkQw9kmMhLaUiL-V3" />.</li>  <li>Click <strong>Customize Design</strong>.</li>  <li>Click an option from the tab to customize the menu in the different states:
    <ul>
      <li><strong>Regular: </strong>How the menu looks before a visitor has clicked an item.</li>      <li><strong>Clicked:</strong> How the menu looks when a visitor has clicked an item.</li>    </ul>  </li>  <li>Edit the menu using the following options:
    <ul>
      <li><strong>Fill Color &amp; Opacity:</strong> Click the color box to select a color for the button and text, and drag the slider to adjust the opacity.</li>      <li><strong>Text:</strong> Customize the text using the following options:
        <ul>
          <li><strong>Theme:</strong> Select a text theme from the drop-down menu.</li>          <li><strong>Font:</strong> Choose a font for your text from the drop-down menu.</li>          <li><strong>Font size: </strong>Drag the slider to increase or decrease the size of the text.</li>          <li><strong>Formatting:</strong> Add an italic or bold effect to your text.</li>        </ul>      </li>      <li><strong>Spacing: </strong>Drag the slider to increase or decrease the text offset.</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/08/10/9c09838d-4341-4e3e-99fd-b805be168a88/b25b3a02-fbda-4a44-a6f4-22f8fa08b196.png" alt="The in-page menu design panel. The cursor is hovering over the italic button." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="choosing-the-menus-layout" level="3">Choosing the menu's layout</h2></div><div data-component-type="text"><div>As well as customizing the design of the menu, you can also choose the layout to match your site's alignment. </div></div><div data-component-type="heading"><h2 id="" level="4">To choose a layout for your menu:</h2></div><div data-component-type="text"><ol>
  <li>Click the in-page menu in your editor.</li>  <li>Click the <strong>Layout</strong> icon <img data-composite="true" src="https://lh5.googleusercontent.com/HwMtpv6smqJW8yzu51JAUtJPMqpFheDAzOMPqdeeos3gcM51OC1B1M174-eJYKUvtKz0SUNyy1jZpZNAec3Zkv71w1xXdyQYUsoYR9u9IP33C7DGIAALw3IvAIjsp4-YR7507egzwapPnc-AH2ubxA" /> </li>  <li>Choose what to do next:
    <ul>
      <li><strong>How's text aligned?:</strong> Select whether text is aligned to the left, right, or center of the menu container</li>      <li><strong>How's the dropdown menu arrow aligned?:</strong> Select whether the dropdown menu arrow is aligned to the left or right of the item text.</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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/01/23/25807a32-3157-459a-8607-c4bfbf8e0e96/a58b79ac-0be1-4e14-81c9-f041e3595b69.png" alt="Screenshot of layout panel, with text alignment and arrow menu options." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-position-of-your-in-page-menu" level="3">Changing the position of your in-page menu</h2></div><div data-component-type="text"><div>As in-page menus are floating menus, they are always visible to site visitors, no matter where they are on your page. You can easily change the position of the menu and its distance from the page's edges so it works with your layout.</div></div><div data-component-type="heading"><h2 id="" level="4">To change your menu's position:</h2></div><div data-component-type="text"><ol>
  <li>Click the menu on your page.</li>  <li>Click the <strong>Pinned</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/10/26/1b21f2b5-18de-41c5-87e5-70ed3cac39a7/3e4bbaa5-e89c-4868-aacc-51ad7b5ab8cf.png" />.</li>  <li>Select a new position from the square.</li>  <li>(Optional) Drag the sliders to adjust the horizontal and vertical offset.</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/10/35f7f328-0d7b-4c55-86ed-bced6e9006cd/f2b1b165-a20d-417d-ac31-991eb4525bf4.png" alt="The 'Pin to Screen' panel in the Editor. The cursor is hovering over the vertical offset slider." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Don't want the in-page menu to float?</div><div class="info-content"><div>You can unpin the menu from the pinned settings panel. This means the menu stays in place and isn't visible when visitors scroll away from it. </div></div></div></div>

In-page menus are a handy, eye-catching way for visitors to navigate your site. In-page menus float on your page, and are therefore always visible to your visitors as they navigate the site. They are ...

Wix Editor: Adding and Setting Up an In-Page Menu

<div data-component-type="text"><div>In-page menus are a handy, eye-catching way for visitors to navigate your site. In-page menus float on your page, and are therefore always visible to your visitors as they navigate the site. They are most useful on one-page sites with several sections and anchors.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/01/18/4fe928cc-a4a1-400f-8dd0-3d13f65c47a1/0dba476c-1dce-457f-9eeb-89260d193c0e.gif" alt="Live site showing an in-page menu." /></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>In-page menus are not displayed on your mobile-friendly site.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-set-up-sections-and-anchors-on-your-site" level="3">Step 1 | Set up sections and anchors on your site</h2></div><div data-component-type="text"><div>The first step in setting up an menu is to add anchors and sections across your site. Sections are the building blocks of your pages. Use them to organize and display your content and information.</div></div><div data-component-type="text"><div>Anchors are used to mark all other information that may not be in sections, such as galleries or videos. You can build your site with either sections or anchors, or both.</div></div><div data-component-type="text"><div>Click below to learn more.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Add a section</h4><div class="collapsible-content"><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>Add Section</strong> <img data-composite="true" src="https://lh3.googleusercontent.com/19I_tIK4jDByQ_d0Tfo09YYS4j40IjsGD-Z3aPRlL375wHq02NAI9ihZ8V9QC97CzIZSVFgslP6Qead4eFvljWgoehzisBQZBpGvvAYNG6xYlsebrv3e5B9xcDNKBx2Srf4HjNgw-kDjk0t2WJGNKg" /> on the left side of the editor.</li>  <li>Click a category.</li>  <li>Select your chosen section to add it to your page.</li>  <li>Hover over the section and click the <strong>More Actions</strong> icon <img data-composite="true" src="https://lh4.googleusercontent.com/cu38R5ZOvmnaEcp6pOT08y0oZADAo5S3VYdjaSjFun0cXq79LpP55-XBYpC8gbAEHrARaxD-iGqJrAVVfV3APFLUqISrETB_1Cx3ifPhz3OfP1oa0rAyInyaJMGo3iLmN7LWmbZurNKi99SaCMExcw" />.</li>  <li>Click <strong>Section Settings</strong>.</li>  <li>Enter the section name into the field and press the <strong>Enter</strong> key on your keyboard.<br />
<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/11/17/ed28ff38-f4d3-4b47-ac51-534734c43540/5df3c0f4-21ee-4447-8042-667629fb8759.png" alt="Add section panel in the Editor." /></li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Add an anchor</h4><div class="collapsible-content"><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>Add Elements </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> on the left side of the editor.</li>  <li>Click <strong>Menu &amp; Anchor</strong>.</li>  <li>Click the anchor under <strong>In-Page Navigation</strong>, or drag it the relevant location on your page.</li>  <li>(Optional) Rename the anchor.
    <ul>
      <li> Click the anchor and click <strong>Rename</strong>.</li>      <li>Enter the anchor name into the field and press the <strong>Enter</strong> key on your keyboard.</li>    </ul>  </li>  <li>Repeat steps 1-5 as needed.<br />
<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/11/17/2de3ae3a-3836-4d34-8b03-00b96505c39c/56513a4a-0c9b-4ba0-b627-551dd2b035f7.png" alt="The add elements panel in the Editor. The cursor is hovering over the option to add an anchor." /></li></ol></div></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>We recommend attaching no more than 1 anchor to a segment on your site. Attaching more than one may cause issues for visitors using screen readers or keyboards to navigate.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-arrange-the-anchors-in-the-layers-panel" level="3">Step 2 | Arrange the anchors in the layers panel</h2></div><div data-component-type="text"><div>After placing anchors on your site pages, open the Layers panel to arrange them. Your anchors should be placed right above the relevant section, strip or element – this ensures that when visitors click them in the menu, they're brought to the correct content.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Want to re-order your sections?</div><div class="info-content"><div>Click the relevant section in the editor, then click the <strong>Move up</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/xibX_Y6rOAUZqbs8l_8usYdSiR2NbTMeeQkfiGhHHwFHKLp0agYSDHcB3v77sHe8ukovIE6H_aQU8rip8MSqjUxmgoi5k7XmDLCsmCLOuhVYLoikIMuu_7QQcOUjgoDqvjPj7fm8lQfOY6S56PadTQ" /> or <strong>Move down</strong> <img data-composite="true" src="https://lh5.googleusercontent.com/YkDwYqueTch_1XPxKnqyl_5PHMEVphVgJc4lcuSUlUkxMm43_TU1l8FKYYECtIt0UFjq-ztogPAvG72Lmc5MqpXJJFLIhnujD6nZquTGj83Z1HGLnbEGMJ4o4vbocwZGMHfbrIfMlBVSrJfSI8WbMQ" /> icons to rearrange the sections on your page. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-sections#rearranging-sections-on-your-page" target="">Learn more about reordering sections</a></div></div></div></div><div data-component-type="heading"><h2 id="" level="4">To arrange your site anchors:</h2></div><div data-component-type="text"><ol>
  <li>Click the <strong>Layers</strong> icon <img data-composite="true" src="https://lh5.googleusercontent.com/jFD23UyryA_jbyIUCl4B_sPRMB9xxMmdLJ702TwGnEyQoLsWme9QkaXSeRYlKMXsY2_MiZiZsxt_w41h1wQNkJ6gfiZbGoE8ufdoN7GZWjDmFEnBJA1pPuWjvmiuD5RVU8ydEbsybNx2xwgUWuCWgg" /><strong> </strong>on the bottom left of the editor.</li>  <li>Drag each anchor to so it appears right above the relevant section, strip or 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/2021/07/29/10213c62-1e8f-4c50-8baf-86a05281d6ac/c8544f59-5e4a-478d-9abf-8227aa811998.gif" alt="A GIF showing anchors being arranged in the Layers panel." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-add-an-in-page-menu" level="3">Step 3 | Add an in-page menu</h2></div><div data-component-type="text"><div>After adding anchors or sections to your site, add an in-page menu to display and list them. The menu is pinned to the screen, so it's always visible on your site. This makes navigating easy for your visitors, and you can always change the location of the menu as needed.</div></div><div data-component-type="heading"><h2 id="" level="4">To add a menu:</h2></div><div data-component-type="text"><ol>
  <li>Click <strong>Add Elements </strong><img data-composite="true" src="https://lh6.googleusercontent.com/AZpJ_GKartAMzPmGB-43LFoqyM6m-vlNuV5r3fiM5PyeOiiy4TrQJp0L7c_emNGNvbHKz1b3Ail0wYrq5kvPg4BEvXXHuNyxgaW5Lmz5mgBEWsNxiR-aeAtIcjO5fuywc8OASLuk" /> on the left side of the editor.</li>  <li>Click <strong>Menu &amp; Anchor</strong>.</li>  <li>Click <strong>In-Page Menu</strong>.</li>  <li>Click or drag your chosen menu to add it to 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/2022/08/10/05cd81fd-e6f2-4d4c-ba25-23c79112300b/7b20e40a-c716-4079-8a3b-3897ca295050.png" alt="The add elements panel in the Editor. The cursor is hovering over an in-page menu design." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-4-manage-the-menu-items" level="3">Step 4 | Manage the menu items</h2></div><div data-component-type="text"><div>By default, all anchors and sections are displayed on your in-page menu. You can manage anchors and sections on your in-page menus by adding new items, or deleting them as needed.</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>Your anchors and sections are displayed on the menu in the order that they appear on the page (top to bottom). It is not possible to change the order of anchors / sections in an in-page menu.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">To manage items in the in-page menu:</h2></div><div data-component-type="text"><ol>
  <li>Click the new in-page menu.</li>  <li>Click <strong>Manage Menu.</strong></li>  <li>Choose how you want to manage your items:
    <ul>
      <li><strong>Show / hide an item: </strong>Select or deselect the checkbox next to the anchor / section to show or hide it.</li>      <li><strong>Add another anchor to the page:</strong> Click <strong>Add New Anchor</strong> to create a new anchor and display it in the menu.<br />
<strong>Tip:</strong> New anchors are automatically added to the top of your page. You can adjust their position by dragging them.</li>      <li><strong>Add another section to the page:</strong> Click Add <strong>New Section </strong>to create a new section and display it on the menu.</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/08/10/a8c5b31e-34f4-405e-b519-e9feebd3e9b7/90ddc48c-a9d8-4169-b158-0c423fb9cef3.png" alt="The manage menu panel of an in-page menu in the Editor." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">What's next?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-managing-and-customizing-in-page-menus" target="">Customize your in-page menu's design and layout to suit your site</a></div></div></div></div>

Even though one-page sites cannot have a regular site menu (with tabs that link to different pages), you can create a site menu with anchor and section links instead. You can place anchors and section...

Wix Editor: Creating a Site Menu with Anchors and Sections for One-Page Sites

<div data-component-type="text"><div>Even though <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-creating-a-one-page-site" target="">one-page sites</a> cannot have a regular site menu (with tabs that link to different pages), you can create a site menu with anchor and section links instead. </div></div><div data-component-type="text"><div>You can place anchors and sections wherever you like on your one-page site, and when your visitors click the links on your menu, they are directed to the relevant part of the page.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-an-anchor-to-your-site-menu" level="3">Adding an anchor to your site menu</h2></div><div data-component-type="text"><div>Guide visitors directly to the content they’re looking for with anchors in your site's menu. You can place multiple anchors within a section, so your visitors can easily access different points of interest. </div></div><div data-component-type="heading"><h2 id="" level="4">To add an anchor to your menu:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-renaming-and-deleting-an-anchor" target="">Add an anchor</a> to your site.</li>  <li>Drag the anchor to the top of a page section.</li>  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-renaming-and-deleting-an-anchor#renaming-an-anchor" target="">Change the name of the anchor</a> to something that describes the content (e.g. &quot;About&quot; or &quot;Services&quot;).</li>  <li>Repeat steps 1-3 for each anchor on your site.</li>  <li>Click <strong>Pages and Menu </strong><img data-composite="true" src="https://lh5.googleusercontent.com/XiVJdoGU_pTZbnYqZJVqL4xSZOlLCb29kUDp21qVLm76Y-DUWiN5X20JoPssBUNmD4nLkvJE-XS0CRVkPRBvR9_3JuDQKSNzISE-KOPewcV6H-cQPfcp8UsFACJ_13O_340ON4D-088CkaRsI3NsVQ" /><strong> </strong>on the left side of the editor.</li>  <li>Click <strong>Add Menu Item</strong>. </li>  <li>Select <strong>Anchor</strong>, and on the pop-up, select the relevant anchor under <strong>Where on the page?</strong>.</li>  <li>Click <strong>Done</strong>.</li>  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-managing-links-in-your-menu" target="">Rename the menu link</a> to something that describes that page content (e.g. &quot;About&quot; or &quot;Services&quot;).<br />
<strong>Tip:</strong> It can be the same anchor name as you previously entered.</li>  <li>Repeat steps 5-9 for each anchor.</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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/04/cb1c4a21-e689-4034-8ed9-e3afd8bb57f5/fbe26ac4-1d21-477b-a0a1-6c29a44eac5b.png" alt="screenshot of pages and menu panel with anchor highlighted." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-section-to-your-site-menu" level="3">Adding a section to your site menu</h2></div><div data-component-type="text"><div>Improve visitor navigation and content organization with clear sections in your site's menu. </div></div><div data-component-type="heading"><h2 id="" level="4">To add a section to your menu:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-sections" target="">Add a section to your site</a>.</li>  <li>Rename the section to something that describes its content (e.g. &quot;Contact Us&quot;, or &quot;Our Story&quot;).</li>  <li>Repeat steps 1-2 for each section on your site.</li>  <li>Click <strong>Pages and Menu </strong><img data-composite="true" src="https://lh5.googleusercontent.com/XiVJdoGU_pTZbnYqZJVqL4xSZOlLCb29kUDp21qVLm76Y-DUWiN5X20JoPssBUNmD4nLkvJE-XS0CRVkPRBvR9_3JuDQKSNzISE-KOPewcV6H-cQPfcp8UsFACJ_13O_340ON4D-088CkaRsI3NsVQ" /><strong> </strong>on the left side of the editor.</li>  <li>Click the <strong>Add Menu Item</strong>.</li>  <li> Select <strong>Section</strong>, and on the pop-up, select the relevant anchor under <strong>Where on the page?</strong>.</li>  <li>Click <strong>Done</strong>.</li>  <li><a data-composite="true" href="https://support.wix.com/en/the-wix-editor/menu/kb/changing-the-menu-tab-text" target="">Rename the menu link</a> to something that describes that page section (e.g. &quot;Contact Us&quot;, or &quot;Our Story&quot;). <br />
<strong>Tip:</strong> It can be the same section name as you previously entered.</li>  <li>Repeat steps 5-8 for each section.</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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/04/7a10d4f5-5d22-411c-9325-32cd090cdef1/9efa1768-392d-41c1-8269-91309e3018e4.png" alt="screenshot of what do you want to link to pop up displaying linking options." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What will my anchor look like in the pages panel?</h4><div class="collapsible-content"><div>You can easily spot it in the pages panel as the icon changes next to the name:<br />
<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/04/4d57dea2-5e16-4b6a-8ea0-bbf8ee0cea65/6075d96e-7e59-4ad3-93cd-524a678848a2.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What will my anchor look like in my menu?</h4><div class="collapsible-content"><div>Your anchor or section link looks like a regular tab on your site menu:<br />
</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/04/2a601386-1631-49fe-9683-90386cfbf204/cfc35a70-61df-4061-b615-44be4881780c.png" /><br />
</div><div>When your visitors click it, they are directed to the anchor / section.</div></div></div></div>

You can set your header to remain on top of the page when your visitors scroll down. This allows your site visitors to easily access your site menu without scrolling back to the top. To create a fixed...

Wix Editor: Fixing Your Menu to the Top of Your Site

<div data-component-type="text"><div>You can set your header to remain on top of the page when your visitors scroll down. This allows your site visitors to easily access your site menu without scrolling back to the top. </div></div><div data-component-type="heading"><h2 id="" level="3">To create a fixed menu:</h2></div><div data-component-type="text"><ol>
  <li>Place your menu in your header.</li>  <li>Click the header.</li>  <li>Click the <strong>More Actions</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/07/30/56387f0e-f08b-4c41-9bcb-ce15dba48541/0af2bd38-6dbf-45ae-b21f-ae14cb372f6e.png" />.</li>  <li>Click <strong>Header Scroll Settings</strong>.</li>  <li>Select <strong>Freezes</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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/08/15/91261cdf-90ff-4b59-86f0-617282c51f39/fe25369e-c82e-49df-957e-3c9d83203213.png" alt="Screenshot of header scroll settings in the wix editor, with freezes option highlighted by orange rectangle." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tips:</div><div class="info-content"><ul>
  <li>We recommend keeping the height of your header small so it doesn't cover any element or content when visitors scroll through your site.</li>  <li>You can also pin your menu to the top of your site by right clicking on your menu and selecting <strong>Pin to Screen</strong>. Freezing keeps the header always visible at the top, while pinning fixes it at a specific point as you scroll.</li></ul>  </div></div></div>

Use the lightbox element to create a stunning full screen pop-up menu. When visitors click the 'Menu' button, it opens on top of your site's content.Step 1 | Add a lightbox to your siteStart by adding...

Wix Editor: Creating a Full Screen Pop-Up Menu

<div data-component-type="text"><div>Use the lightbox element to create a stunning full screen pop-up menu. When visitors click the 'Menu' button, it opens on top of your site's content.</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/2016/09/19/76693f1a-456f-4460-845b-ac1d2dd49ffe.gif" alt="A GIF of clicking the Menu button that opens a full screen pop-up menu on a site." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-add-a-lightbox-to-your-site" level="3">Step 1 | Add a lightbox to your site</h2></div><div data-component-type="text"><div>Start by adding any lightbox from the <strong>Add Elements</strong> panel to your site. You will re-design it later on. </div></div><div data-component-type="heading"><h2 id="" level="4">To add a lightbox:</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>Add Elements </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> on the left side of the editor.</li>  <li>Click <strong>Interactive</strong>.</li>  <li>Select a lightbox to add it to 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/9dcc39dd-da6f-4c38-b1c3-ee79d33f39d5/2023/03/31/baaf168e-fa42-41ae-aeef-ddf254727cae/ca2496c9-aa08-4729-bf4c-451a60681452.jpg" alt="A screenshot of selecting a lightbox in Wix Editor" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-set-up-your-lightbox-menu" level="3">Step 2 | Set up your lightbox menu</h2></div><div data-component-type="text"><div>After adding a lightbox, set it up so that it isn't automatically displayed every time visitors access your site. Then, design the lightbox to your liking and add a vertical menu. </div></div><div data-component-type="heading"><h2 id="" level="4">To set up the lightbox:</h2></div><div data-component-type="text"><ol>
  <li>Click the lightbox in your editor. </li>  <li>Click the <strong>Settings</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/25/1a09cdbb-c89a-465d-b49f-480f4f8584c1.png" />.</li>  <li>Rename your lightbox to something recognizable such as &quot;Menu&quot;.</li>  <li>Select <strong>No</strong> under <strong>Automatically display lightbox on pages</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/2021/07/29/6b33e7d7-2eeb-47dc-8d6f-6197b033e065/d6fdfa10-481b-49a1-bc3d-4cd299f3fc64.png" alt="A screenshot of the lightbox settings in the editor." /></div></div><div data-component-type="text"><ol>
  <li>Delete all of the elements inside the lightbox. Do not delete the 'X' icon.</li>  <li><a href="https://support.wix.com/en/article/wix-editor-adding-a-site-menu">Add a vertical menu</a> to the lightbox.</li>  <li><a href="https://support.wix.com/en/article/wix-editor-customizing-your-horizontal-menu-design">Design your menu.</a> We recommend that your menu fonts are large and centered.</li>  <li>When ready, click <strong>Exit Mode</strong> at the top.</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/2021/07/29/631e69fa-88d0-4d4c-89a3-1fd7d9541ee5/66702671-59c7-48cd-b953-0a6825b4c4ec.png" alt="A screenshot of a menu on top of a lightbox 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 also <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-customizing-your-lightbox#setting-the-lightbox-background" target="">customize the background of the lightbox</a> and the <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-customizing-your-lightbox#changing-the-lightbox-overlay" target="">background overlay</a> to match your site. Make the backgrounds slightly transparent for a cool effect.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-add-a-button-to-open-the-menu" level="3">Step 3 | Add a button to open the menu</h2></div><div data-component-type="text"><div>Now that your lightbox and menu are ready, add the button that visitors click to access the menu. Then, link the button to the lightbox. </div></div><div data-component-type="heading"><h2 id="" level="4">To add a button:</h2></div><div data-component-type="text"><ol>
  <li>Click <strong>Add Elements </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> on the left side of the editor.</li>  <li>Select <strong>Decorative</strong>.</li>  <li>Select <strong>Basic Shapes</strong>.</li>  <li>Click <strong>More Basic Shapes</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/9dcc39dd-da6f-4c38-b1c3-ee79d33f39d5/2023/03/31/d6bd0720-edca-4214-8923-48d07ace90de/67e43b81-931f-412a-a1dd-2fe524e1620a.jpg" alt="A screenshot of selecting More Basic Shapes in the Wix Editor" /></div></div><div data-component-type="text"><ol>
  <li>Type &quot;menu&quot; in the search bar and press Enter.</li>  <li>Select a menu button design and click <strong>Add to Page</strong>.</li>  <li>Click the menu button in your editor.</li>  <li>(Optional) Click the <strong>Design </strong>icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/09/19/8c184bd2-9498-413c-b490-73c2f9829816.png" /> to design your menu button.</li>  <li>Click the <strong>Link </strong>icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/25/f89dced2-4944-4283-90df-e4ffd00c23d5.png" />.</li>  <li>Select <strong>Lightbox </strong>on the left.</li>  <li>Choose your lightbox from the drop-down menu.</li>  <li>Click <strong>Done</strong>.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tips:</div><div class="info-content"><ul>
  <li>Place the menu button in a prominent location on your site. This could be in the header, or you might want to use the <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-pinning-elements-to-the-screen" target="">Pin to Screen</a> feature to pin it to the top of your site. If your menu button is not placed in the header, then make sure you <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-showing-an-element-on-all-pages" target="">set it to show on all pages</a>.</li>  <li>You can also design your own menu button. It can be a text button, icon button or a different shape; it's up to you. See some examples below:<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/25/c4caa6b0-307c-448e-9c97-684e3c86b6e0.png" /></li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-4-hide-the-button-from-your-mobile-site" level="3">Step 4 | Hide the button from your mobile site</h2></div><div data-component-type="text"><div>Hide the button you've just created from your mobile site, which already has a full screen menu preset. </div></div><div data-component-type="heading"><h2 id="" level="4">To hide the button:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-getting-started-with-the-mobile-editor" target="">Access your mobile editor</a>.</li>  <li>Click the menu button that is linked to your lightbox. </li>  <li>Click the <strong>Hide</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/25/a36fcc84-b60d-494e-9858-8872d78ad190.png" />. </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/2021/07/29/3110820f-a0ac-4cb3-a43a-17e08abb7c0b/ce4933b7-a2cd-43ff-b586-8777535011cd.png" alt="A screenshot of the hide element option for a lightbox in the mobile editor." /></div></div>

Your site menu is the main menu on your website and allows your visitors to navigate around it. Add a variety of items to the menu to ensure your visitors can get to all the information and content th...

Wix Editor: Adding a New Item to Your Site Menu

<div data-component-type="text"><div>Your site menu is the main menu on your website and allows your visitors to navigate around it. Add a variety of items to the menu to ensure your visitors can get to all the information and content that they need.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-new-pages-to-your-site-menu" level="3">Adding new pages to your site menu</h2></div><div data-component-type="text"><div>When you add a new page, a new item is automatically added to your site menu and has the name of the page. You can add a new page to your site from the Pages &amp; Menu panel.</div></div><div data-component-type="heading"><h2 id="" level="4">To add a new page to your menu:</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>Pages &amp; Menu</strong> <strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/08/b70d5f62-ff17-48eb-b33b-f6f44795b00f/f3dd9d23-7fe3-4942-87a6-bec78441affe.png" />  on the left side of the editor.</li>  <li>Click <strong>Add Page</strong> at the top of the panel.</li>  <li>Choose the page template from the options or click <strong>+ Blank Page</strong>.</li>  <li>Enter the new page name.</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/08/16/ba1e8975-c528-469e-bdca-1ee52e8a2c1f/17ad5c20-126b-4dc2-a304-84d712a5b536.png" alt="The Add Page panel in the Wix 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>If you rename the page in the Pages &amp; Menu panel, it automatically updates on your site menu. It also goes the other way around – if you rename the item on your site menu, it automatically updates the Pages &amp; Menu panel.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-link-to-your-site-menu" level="3">Adding a link to your site menu</h2></div><div data-component-type="text"><div>Add any link you need to your site menu, whether it's an external URL, an email address, a document, etc. The link looks like a regular item on your site menu, but when your visitors click it, the link destination opens. Choose whether it opens in the same window or a new window.</div></div><div data-component-type="heading"><h2 id="" level="4">To add a link to your menu:</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>Pages &amp; Menu</strong> <strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/08/b70d5f62-ff17-48eb-b33b-f6f44795b00f/f3dd9d23-7fe3-4942-87a6-bec78441affe.png" />  on the left side of the editor.</li>  <li>Click the <strong>Add Menu Item</strong> at the bottom of the panel.</li>  <li>Click <strong>Link</strong>.</li>  <li>Select the link type and enter the link details. </li>  <li>Choose whether your link opens in a new window or the current window. </li>  <li>Click <strong>Done</strong>.</li>  <li>Enter the name for the menu item.</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/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/04/09/ad7f4e86-035d-4878-bf8f-a8b026da854c/f8423075-0ed1-4f03-888c-7c4d802e3b42.png" alt="A livesite with a menu item titled 'Send an email' highlighted." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-subpage-dropdown-menu" level="3">Adding a subpage dropdown menu</h2></div><div data-component-type="text"><div>Create a dropdown subpage menu within your site navigation to keep it organized and user-friendly. Choose between two options: turn an existing menu item into a clickable title for your dropdown, or add a new non-clickable menu title to organize your subitems beneath it.</div></div><div data-component-type="heading"><h2 id="" level="4">To add a dropdown menu:</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>Pages &amp; Menu</strong> <strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/08/b70d5f62-ff17-48eb-b33b-f6f44795b00f/f3dd9d23-7fe3-4942-87a6-bec78441affe.png" />  on the left side of the editor.</li>  <li>Choose what to do next:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Clickable title (i.e. menu item)</h4><div class="collapsible-content"><div>Drag and drop a menu item to nest it under another item, turning it into a subpage. <br />
</div><ol>
  <li>Decide which menu item should be the submenu title.</li>  <li>Drag all relevant menu items into the dropdown.<br />
<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/20/80e9d806-0397-4b94-a770-144cabc2d4cf/4bdb6aa5-d690-403e-9861-977461da6ed8.png" /></li></ol> </div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Non-clickable title</h4><div class="collapsible-content"><div>Add the dropdown as a new menu item and give it a title to nest additional items beneath it.<br />
</div><ol>
  <li>Click <strong>Add Menu Item</strong>.</li>  <li>Click <strong>Dropdown</strong>. </li>  <li>Enter the item title. </li>  <li>Click <strong>Done</strong>.</li>  <li>Drag all relevant menu items into the new dropdown title.<br />
<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/20/4c1b04ce-557e-4899-b0df-8450955bc283/6eb6dc02-0235-4234-a78a-bc8662d16ef4.png" /><br />
</li></ol></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/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/04/09/c10e68d5-610b-4034-858c-d7f27820ceda/5741e6e6-003a-484c-a177-1a35294e2d2f.png" alt="A menu on a Wix live site showing a dropdown menu." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-page-section-to-your-site-menu" level="3">Adding a page section to your site menu</h2></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-about-sections" target="">Sections</a> are a great way to divide and organize your page content. Link to sections from your site menu so your visitors can be directed there with one click.</div></div><div data-component-type="heading"><h2 id="" level="4">To add a section to your site menu:</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>Pages &amp; Menu</strong> <strong> </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/08/b70d5f62-ff17-48eb-b33b-f6f44795b00f/f3dd9d23-7fe3-4942-87a6-bec78441affe.png" />  on the left side of the editor.</li>  <li>Click <strong>Add Menu Item</strong> at the bottom of the pages panel.</li>  <li>Click <strong>Section</strong>.</li>  <li>Select the page the section is on from the dropdown menu.</li>  <li>Select the section from the dropdown menu.</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/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/04/09/66bee4ca-66aa-48e7-a914-442d03f51cf3/b7181059-74fc-4da6-869a-7c0e45534417.png" alt="A Wix live site showing a page that has been divided into sections." /></div></div>

There are three site menu options available on Wix sites - horizontal, vertical, and in-page menus. You can customize each menu type's layout (such as the alignment and spacing) to suit your site's lo...

Wix Editor: Changing the Layout of Your Site Menu

<div data-component-type="text"><div>There are three site menu options available on Wix sites - horizontal, vertical, and in-page menus. You can customize each menu type's layout (such as the alignment and spacing) to suit your site's look, pages, and theme.</div></div><div data-component-type="text"><div>As well as adjusting the menu, you can also customize the layout of the items and text. Some of the available options include spacing between items, text alignment, and dropdown menu direction.</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>There are different customization options depending on the menu you have selected. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-layout-of-a-horizontal-menu" level="3">Changing the layout of a horizontal menu</h2></div><div data-component-type="text"><div>Horizontal menus are a fun, striking way to help users navigate your site. There are lots of styles available, and you can edit the layout of the menu and the dropdown menu separately.</div></div><div data-component-type="heading"><h2 id="" level="4">To change the layout of a horizonal menu:</h2></div><div data-component-type="text"><ol>
  <li>Click the menu in your editor.</li>  <li>Click the <strong>Layout</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/1b56c768-b70a-48ea-94b7-d420e27793c9.png" />.</li>  <li>Click either the <strong>Menu</strong> or <strong>Dropdown</strong> <strong>menu</strong> tab and customize the options: </li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Menu layout options</h4><div class="collapsible-content"><ul>
  <li><strong>How to display items that don't fit</strong>: Choose how to display items that don't fit in the menu:
    <ul>
      <li><strong>Wrapped: </strong>A second line is added to display the menu items. </li>      <li><strong>Scroll:</strong>  Visitors can view the hidden menu items by scrolling.</li>    </ul>  </li>  <li><strong>Horizontal spacing between items:</strong> Use the slider to adjust the horizontal spacing between menu items.</li>  <li><strong>Vertical spacing between items:</strong> Use the slider to adjust the vertical spacing between menu items.</li>  <li><strong>Items fill the whole menu: </strong>Click the toggle to enable or disable this option:
    <ul>
      <li><strong>Enabled:</strong> Menu is stretched to fit the entire menu.</li>      <li><strong>Disabled:</strong> Items are not stretched, and are automatically aligned to the left, right, or center of the menu.</li>    </ul>  </li>  <li><strong>Align text:</strong> Align the text to the left, right, or center.</li>  <li><strong>Display items from:</strong> Display items from left to right, or right to left.</li>  <li><strong>Item Padding: </strong>Use the sliders to adjust the vertical and horizontal space each item takes up in the menu.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Dropdown menu layout options</h4><div class="collapsible-content"><ul>
  <li><strong>How do dropdown menus open?:</strong> Select how the dropdown items appear:
    <ul>
      <li><strong>Flyout:</strong> The dropdown items appear under the menu items.</li>      <li><strong>Columns:</strong> Columns appear under the main menu, containing the dropdown items.</li>    </ul>  </li>  <li><strong>Spacing between menu &amp; dropdown menu: </strong>Use the slider to adjust the distance between the menu and the dropdown menu.</li>  <li><strong>Stretch to full width:</strong> Use the toggle to enable or disable this option:
    <ul>
      <li><strong>Enabled:</strong> Dropdown menu stretches to full width of the page.</li>      <li><strong>Disabled:</strong> Dropdown menu stays within the gridlines of the main menu.</li>    </ul>  </li>  <li><strong>Number of columns:</strong> Use the slider to adjust how many columns are in the dropdown.</li>  <li><strong>Align columns:</strong> Choose to align columns to the left, right, center, or justified.</li>  <li><strong>Spacing between columns:</strong> Use the slider to adjust the distance between columns.</li>  <li><strong>Align dropdown menu:</strong> Align the dropdown menu to the left or center.</li>  <li><strong>Align text:</strong> Align the dropdown text to the left, right, or center.</li>  <li><strong>Padding:</strong> Use the sliders to adjust the horizontal and vertical space the dropdown menu fills.</li>  <li><strong>Spacing between items: </strong>Use the slider to adjust the spacing between dropdown items.</li></ul></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/03/36c269ff-3c03-4ec3-9d12-270a7fab6cc4/9d4dd6ea-1d97-4b62-8ced-611d162bf327.png" alt="The layout panel of a horizontal menu. The cursor is hovering over the left to right option." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-layout-of-a-vertical-menu" level="3">Changing the layout of a vertical menu</h2></div><div data-component-type="text"><div>Vertical menus are clean, sophisticated way to display pages and items on your site. You can customize the alignment of the menu items, as well as the direction that the dropdown menu items are displayed.</div></div><div data-component-type="heading"><h2 id="" level="4">To customize the layout of a vertical menu:</h2></div><div data-component-type="text"><ol>
  <li>Click the menu in your editor.</li>  <li>Click the <strong>Layout</strong> icon <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/1b56c768-b70a-48ea-94b7-d420e27793c9.png" />.</li>  <li>Customize the layout:
    <ul>
      <li><strong>How are menu items aligned?: </strong>Select the alignment of the menu items; left, center or right.</li>      <li><strong>How do dropdown menus open?:</strong> Choose if the dropdown items open to the left or the right of the menu.</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/2024/01/03/3290f3f6-d73b-4869-993f-2100352a6dc5/13a2c598-5a60-4c12-ac9e-4f96011b12ea.png" alt="The layout panel of a horizontal menu. The cursor is hovering over the center alignment option." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-layout-of-an-anchor-menu" level="3">Changing the layout of an anchor menu</h2></div><div data-component-type="text"><div>In-page menus are an eye-catching way to display sections and anchors you have added to your site. They float on the page, so they're always visible to your site visitors. </div></div><div data-component-type="text"><div>Using the layout, you can align the menu text to fit your site's feel and needs.</div></div><div data-component-type="heading"><h2 id="" level="4">To change the layout of an anchor menu:</h2></div><div data-component-type="text"><div><br /></div><ol>
  <li>Click the menu in your editor.</li>  <li>Click the <strong>Layout</strong> icon <img data-composite="true" src="https://lh5.googleusercontent.com/BEc2-NlydCYLgbmwZdAA6cGoq-T-7apEmQmhlgI4yC6OhLbD8cP-mgkMLsuI23UJ1Nhb9bLQQhaicH6fKAOh3BqTWqQpXiT3JJ3F15-NPpxttM_v4Df3ESCvslkBd_B1E3fQ3UIB" />.</li>  <li>Select an alignment:
    <ul>
      <li><strong>Left:</strong> Aligns the text to the left of the menu box.</li>      <li><strong>Center:</strong> Aligns the text to the center of the menu box.</li>      <li><strong>Right:</strong> Aligns the text to the right of the menu box.</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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/09/09/9d283ec3-5e88-4fdf-bf86-3b03b2b02397/9a04a739-1f1e-46a6-8865-dd0cf2ae4070.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Click a question below to learn more. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">I'm using a horizontal menu. Why can't I see the 'Menu' and 'Dropdown Menu' tabs in the Layout panel?</h4><div class="collapsible-content"><div>Only the newer version of the horizontal menu includes the menu and dropdown menu options. If you can't see these tabs in the Layout panel, you're probably using an older version of the horizontal menu. </div><div><br /></div><div>To access these options, replace your current menu with a new horizontal menu from the Add Elements panel.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">I'm using a horizontal menu. Can I customize the design of my dropdown menu items? </h4><div class="collapsible-content"><div>You can <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-customizing-your-horizontal-menu-design#customizing-the-dropdown-menu-items" target="">customize your menu</a> background, text, borders and more. </div></div></div></div>

Vertical menus are a clean, sophisticated way for visitors to navigate your site. There are a range of templates available, and you can customize to create something that is both eye-catching and info...

Wix Editor: Adding and Setting Up a Vertical Menu

<div data-component-type="text"><div>Vertical menus are a clean, sophisticated way for visitors to navigate your site. There are a range of templates available, and you can customize to create something that is both eye-catching and informative.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/29/605f14f3-0b52-4ae3-80d2-3afcab280cfa/a30ad6b5-bca1-4f8a-89b9-0ec3619ff4dc.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-vertical-menu" level="3">Adding a vertical menu</h2></div><div data-component-type="text"><div>Add a vertical menu from the Editor to get started in creating something that encourages interaction and attention from your site visitors.</div></div><div data-component-type="heading"><h2 id="" level="4">To add a vertical menu:</h2></div><div data-component-type="text"><ol>
  <li>Click <strong>Add Elements</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/AZpJ_GKartAMzPmGB-43LFoqyM6m-vlNuV5r3fiM5PyeOiiy4TrQJp0L7c_emNGNvbHKz1b3Ail0wYrq5kvPg4BEvXXHuNyxgaW5Lmz5mgBEWsNxiR-aeAtIcjO5fuywc8OASLuk" /><strong> </strong>on the left side of the editor.</li>  <li>Select <strong>Menu &amp; Anchor</strong>.</li>  <li>Select <strong>Vertical Menus</strong>.</li>  <li>Click or drag your chosen menu to add it to 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/9dcc39dd-da6f-4c38-b1c3-ee79d33f39d5/2023/03/31/7264945d-6d4d-4bfa-9813-2f6e41598a85/0f1eca8e-818a-4b29-bb39-6829603fd561.jpg" alt="A screenshot of the vertical menu options in Wix Editor" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-menu-design" level="3">Customizing the menu design</h2></div><div data-component-type="text"><div>Use the customization options to design your menu exactly the way you'd like. The menu has three separate states  - regular, hover, and clicked. You can customize each state individually to suit your site's needs. </div><div><br /></div><ul>
  <li><strong>Regular:</strong> How the menu is displayed on your site before a visitor has interacted with it.</li>  <li><strong>Hover:</strong> How the menu looks while a cursor is hovering over it.</li>  <li><strong>Clicked:</strong> How the menu looks once a visitor has clicked on it.</li></ul></div><div data-component-type="heading"><h2 id="" level="4">To customize the menu design:</h2></div><div data-component-type="text"><ol>
  <li>Click the <strong>Design</strong> icon <img data-composite="true" src="https://lh4.googleusercontent.com/4O8XC2DBehwJKcPpek4YdvPZFUcQfbQiK6vOyYtovzErBWB_HjLgWHG1aekjaqsK1EUhkZ_Wpu_Iff8fipzak6hfFJ_bI7uK5qFEE_GbfxSgIiFMgoPlJbrlWz5aoLxrPxaoftXQ" />.</li>  <li>Click <strong>Customize Design</strong>.</li>  <li>Select the menu state you wish to work on (Regular, Hover, or Clicked).</li>  <li>Choose from one of the below options to adjust its settings:
    <ul>
      <li><strong>Fill Color and Opacity:</strong> Choose the menu's fill color and adjust its opacity.</li>      <li><strong>Border:</strong> Adjust the menu's border width and color.</li>      <li><strong>Corners: </strong>Adjust how curved the corners of your menu and dropdown menus are.</li>      <li><strong>Shadow:</strong> Add a shadow, and adjust its angle, size, blur, color, and distance.</li>      <li><strong>Text: </strong>Edit the menu's text settings, such as font, size, and format.</li>      <li><strong>Spacing:</strong> Adjust the menu's spacing and offset using the sliders.</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/9dcc39dd-da6f-4c38-b1c3-ee79d33f39d5/2023/03/31/fc99c06f-70a7-4ffb-9a84-03483d200617/dfc2a98c-90d7-4519-8fd7-7a2752f8dc1c.jpg" alt="A screenshot of the vertical menu design options" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-the-layout-of-a-menu" level="3">Adjusting the layout of a menu</h2></div><div data-component-type="text"><div>You can adjust the layout of the menu to further fit your site's feel and aesthetic. You can change the way your menu's items are aligned, and choose whether the dropdown menu opens to the left or the right.</div></div><div data-component-type="heading"><h2 id="" level="4">To adjust the menu layout:</h2></div><div data-component-type="text"><ol>
  <li>Click the <strong>Layout</strong> icon <img data-composite="true" src="https://lh5.googleusercontent.com/BEc2-NlydCYLgbmwZdAA6cGoq-T-7apEmQmhlgI4yC6OhLbD8cP-mgkMLsuI23UJ1Nhb9bLQQhaicH6fKAOh3BqTWqQpXiT3JJ3F15-NPpxttM_v4Df3ESCvslkBd_B1E3fQ3UIB" />.</li>  <li>Choose from the following options:
    <ul>
      <li><strong>How are items aligned?:</strong> Select whether the menu items are aligned to the left, right, or center.</li>      <li><strong>How do dropdowns open?:</strong> Select whether dropdown menus open to the left or the right.</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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/09/09/b95ad07b-9281-4c8e-bd96-bd57db0090f8/365a3306-ff3e-4e2a-a179-9f6847bb5e06.png" /></div></div>

Breadcrumbs are a method of site navigation that display the structure and hierarchy of your site. Depending on the settings you choose, your visitors can see the current page they are on, as well as ...

Wix Editor: Adding and Setting Up Breadcrumbs

<div data-component-type="text"><div>Breadcrumbs are a method of site navigation that display the structure and hierarchy of your site. Depending on the settings you choose, your visitors can see the current page they are on, as well as the homepage. If a visitor goes to a subpage on your site, both the main page and subpage are displayed on the trail.</div></div><div data-component-type="text"><div>Breadcrumbs are great for sites with lots of subpages, as they present the structure of your site to visitors, while allowing them to retrace their steps to the main page.</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"><div>In order to add and set up breadcrumbs on your site, you need to enable Dev Mode. Velo allows you to use coding on your site to create custom functionalities and interactions. <a data-composite="true" href="https://support.wix.com/en/article/about-velo-by-wix" target="">Learn more about Velo</a></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/04/07/c95199f4-3277-4184-8aff-6f6e1a22f375/394a1851-ca5b-45f1-9a38-5efbc51a99f2.png" alt="A site header, displaying the site title and a breadcrumbs trail. The site title says 'Hand Drawings'." /></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>This feature is not yet available to all users.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-add-breadcrumbs-to-your-site" level="3">Step 1 | Add breadcrumbs to your site</h2></div><div data-component-type="text"><div>Add a breadcrumbs trail to your site to begin providing visitors with a clear display of your page's hierarchy.</div></div><div data-component-type="text"><div>If you add them to your site header, they are automatically displayed on all pages. However, you can add them to your page body if you would like to choose which pages to display them on.</div></div><div data-component-type="heading"><h2 id="" level="4">To add a breadcrumbs trail to your site:</h2></div><div data-component-type="text"><ol>
  <li>Enable Dev Mode on your site:
    <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>Dev Mode</strong> at the top of your editor.</li>      <li>Click <strong>Turn on Dev Mode</strong>. </li>    </ol>  </li>  <li>Click <strong>Add Elements </strong><img data-composite="true" src="https://lh6.googleusercontent.com/AZpJ_GKartAMzPmGB-43LFoqyM6m-vlNuV5r3fiM5PyeOiiy4TrQJp0L7c_emNGNvbHKz1b3Ail0wYrq5kvPg4BEvXXHuNyxgaW5Lmz5mgBEWsNxiR-aeAtIcjO5fuywc8OASLuk" /> on the left side of the editor.</li>  <li>Select <strong>Menu &amp; Anchor</strong>.</li>  <li>Select <strong>Breadcrumbs</strong>.</li>  <li>Click and drag a design to add it your page.</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/9dcc39dd-da6f-4c38-b1c3-ee79d33f39d5/2023/03/31/7c703e91-0c6f-45d2-ac8e-4dfed40414b2/1c9e58c9-c9a7-4cc7-b9ed-1874053ecff8.jpg" alt="A screenshot of selecting a breadcrumb option in Wix Editor" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-choose-what-to-display-on-your-trail" level="3">Step 2 | Choose what to display on your trail</h2></div><div data-component-type="text"><div>Change the settings of your breadcrumbs trail to display a route for your visitors. You can also select how to display the homepage, as well as change the icon.</div></div><div data-component-type="heading"><h2 id="" level="4">To set the display:</h2></div><div data-component-type="text"><ol>
  <li>Click the breadcrumbs element in the editor.</li>  <li>Click <strong>Settings</strong>. </li>  <li>Use the options to choose how you would like the trail to be displayed: 
    <ul>
      <li><strong>What items do breadcrumbs show?</strong>: Choose which items are displayed on the trail:
        <ul>
          <li><strong>Full trail:</strong> Show both the homepage and the current page. If a visitor goes to a subpage, the main page is also displayed.</li>          <li><strong>Hide homepage:</strong> Hide the homepage from the trail.</li>          <li><strong>Hide current page:</strong> Hide the page the visitor is currently on from the trail.</li>        </ul>      </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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/12/10/55a8c827-c46b-486f-af60-3986757533a6/be2a4423-5b69-48f1-8854-a8702a0484ed.png" alt="screenshot of breadcrumb settings panel in wix editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-set-breadcrumbs-to-appear-on-all-pages" level="3">Step 3 | Set breadcrumbs to appear on all pages</h2></div><div data-component-type="text"><div>If you add breadcrumbs to your site header, they are automatically displayed on all pages. However, you can add them to your page body instead, and set them to appear on all pages. This way, visitors can always use them to navigate your site - no matter what page they're on.</div></div><div data-component-type="heading"><h2 id="" level="4">To display breadcrumbs on all pages:</h2></div><div data-component-type="text"><ol>
  <li>Right-click the breadcrumbs in your editor.</li>  <li>Enable the <strong>Show on All Pages</strong> toggle. </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/04/07/000b5c5c-47b3-4fab-86b2-27d810639921/5605b775-7fa2-4ec7-8e79-42213bfa112a.png" alt="The right-click menu for breadcrumbs. The 'Show on All Pages' toggle has been enabled." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">What's next?</div><div class="info-content"><div>Customize the layout and design of your breadcrumbs to suit your site's look and feel. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-customizing-your-breadcrumbs-trail" target="">Learn how to customize your breadcrumbs</a></div></div></div></div>

Horizontal menus display your items and drop-down menus clearly to help your site visitors navigate around your site. They are usually placed at the top of your site's pages.Step 1 | Add a horizontal ...

Wix Editor: Adding and Setting Up a Horizontal Menu

<div data-component-type="text"><div>Horizontal menus display your items and drop-down menus clearly to help your site visitors navigate around your site. They are usually placed at the top of your site's pages.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/08/16/455d8bde-5940-4005-a79a-56005926c158/65b4998a-5202-4a77-af1e-c646f5fc36e1.png" /></div></div><div data-component-type="heading"><h2 id="step-1-add-a-horizontal-menu" level="3">Step 1 | Add a horizontal menu </h2></div><div data-component-type="text"><div>Add a horizontal menu to get started on creating something fun and informative for your site. There are a variety of colorful and bold options to choose from, and you can customize and adjust the layout.</div></div><div data-component-type="heading"><h2 id="" level="4">To add a horizontal menu:</h2></div><div data-component-type="text"><ol>
  <li>Click <strong>Add</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/AZpJ_GKartAMzPmGB-43LFoqyM6m-vlNuV5r3fiM5PyeOiiy4TrQJp0L7c_emNGNvbHKz1b3Ail0wYrq5kvPg4BEvXXHuNyxgaW5Lmz5mgBEWsNxiR-aeAtIcjO5fuywc8OASLuk" /> on the left side of the Editor.</li>  <li>Click <strong>Menu &amp; Anchor</strong>.</li>  <li>Click <strong>Horizontal Menus</strong>.</li>  <li>Drag a menu onto your page. </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/2021/11/01/0fceda11-bc5e-4b80-90d1-6658f967c4dc/69da1821-18de-453e-8a01-190ec90e6caf.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-design-the-menu" level="3">Step 2 | Design the menu</h2></div><div data-component-type="text"><div>After adding the menu, you can begin customizing it to look exactly how you want. The menu items have three separate states that can be adjusted separately:</div></div><div data-component-type="text"><ul>
  <li><strong>Regular</strong>: How the item/text looks before a visitor has moved their cursor over it.</li>  <li><strong>Hover:</strong> How the item/text looks when a visitor's cursor is hovering over it.</li>  <li><strong>Current page:</strong> How the item/text is displayed when it is the page the visitor is currently on.</li></ul></div><div data-component-type="text"><div>You can customize the design for each of these states, such as the text, fills, borders, and more.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/08/17/efc23e2c-4fb1-401a-a69f-7564a134d252/4bee1ff7-2a2e-4ff2-a719-5c1b3b89dd31.png" /></div></div><div data-component-type="heading"><h2 id="" level="4">To customize the menu design:</h2></div><div data-component-type="text"><ol>
  <li>Click the menu.</li>  <li>Click the <strong>Design</strong> icon <img data-composite="true" src="https://lh4.googleusercontent.com/4O8XC2DBehwJKcPpek4YdvPZFUcQfbQiK6vOyYtovzErBWB_HjLgWHG1aekjaqsK1EUhkZ_Wpu_Iff8fipzak6hfFJ_bI7uK5qFEE_GbfxSgIiFMgoPlJbrlWz5aoLxrPxaoftXQ" />.</li>  <li>Click <strong>Customize Design </strong>and adjust the menu with the available options.</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Tell me more</h4><div class="collapsible-content"><ul>
  <li><strong>Menu:</strong>
    <ul>
      <li><strong>Fills </strong><img data-composite="true" src="https://lh5.googleusercontent.com/aBNwFXvsr6Ky5P89lT7iFxnmWd0SP2na_QafgCPlNo1NL_TT61yBedwjw513ejDmKk-HNkERzCaBUd8tJM4pbSSR8IcZtytzC0xOveo1_uCssg79E0CCnNXFDMcG8LQPbGTs0Kx1" /><strong>:</strong> Customize the menu's fill color and opacity.</li>      <li><strong>Borders </strong><img data-composite="true" src="https://lh6.googleusercontent.com/XhaP7bMN1ITRiMkGSPrd2OgCiFolbY4sHNi5Cx4wSvuoXHJYPRYcw1qHVY0lEHxMaOXCxjSdTFQjUEjfpvoNKChGH8j4QggXzCMQ-pLBRWx5UtZygPAbxR3kqsmrIBMZ8JDcOTQD" /><strong>:</strong> Adjust the menu's border width, color, and style.</li>      <li><strong>Corners </strong><img data-composite="true" src="https://lh3.googleusercontent.com/MpukS125AphndHHro76R870456V4yBbuXgJF8cpILJ7kv4IRrzfV77bxrqbbDVnI9hgFmeHMcqDjUzyHcU861Wu2gTGXWX6NHSAkK0X4vYjxIWJ8rvvSiXo3hluWap9mhXH9G9gW" /><strong>:</strong> Adjust the menu's corner radius.</li>      <li><strong>Shadow </strong><img data-composite="true" src="https://lh6.googleusercontent.com/tGjQLIzlfHTWvBEVTP2IYiD9zIlUxz00Ypo517Z__0wwUCLbxjm_2Ho6kNNvgAT28YKV59mfH1ZSFGhOs6-DQMsZvN1jaGFffug9pRnz5ttSDFaMyR2x0-szKEd2wsTB_9B8nh5M" /><strong>:</strong> Add and customize a shadow.</li>      <li><strong>Layout </strong><img data-composite="true" src="https://lh5.googleusercontent.com/BEc2-NlydCYLgbmwZdAA6cGoq-T-7apEmQmhlgI4yC6OhLbD8cP-mgkMLsuI23UJ1Nhb9bLQQhaicH6fKAOh3BqTWqQpXiT3JJ3F15-NPpxttM_v4Df3ESCvslkBd_B1E3fQ3UIB" /><strong>:</strong> Adjust the menu's padding.</li>    </ul>  </li>  <li><strong>Items:</strong>
    <ul>
      <li><strong>State:</strong> Choose the state of the menu item you wish to customize.</li>      <li><strong>Fills </strong><img data-composite="true" src="https://lh5.googleusercontent.com/aBNwFXvsr6Ky5P89lT7iFxnmWd0SP2na_QafgCPlNo1NL_TT61yBedwjw513ejDmKk-HNkERzCaBUd8tJM4pbSSR8IcZtytzC0xOveo1_uCssg79E0CCnNXFDMcG8LQPbGTs0Kx1" /><strong>:</strong> Choose the item's fill color and opacity.</li>      <li><strong>Borders </strong><img data-composite="true" src="https://lh6.googleusercontent.com/XhaP7bMN1ITRiMkGSPrd2OgCiFolbY4sHNi5Cx4wSvuoXHJYPRYcw1qHVY0lEHxMaOXCxjSdTFQjUEjfpvoNKChGH8j4QggXzCMQ-pLBRWx5UtZygPAbxR3kqsmrIBMZ8JDcOTQD" /><strong>:</strong> Adjust the items's border width, color, and style.</li>      <li><strong>Corners </strong><img data-composite="true" src="https://lh3.googleusercontent.com/MpukS125AphndHHro76R870456V4yBbuXgJF8cpILJ7kv4IRrzfV77bxrqbbDVnI9hgFmeHMcqDjUzyHcU861Wu2gTGXWX6NHSAkK0X4vYjxIWJ8rvvSiXo3hluWap9mhXH9G9gW" /><strong>:</strong> Adjust the item's corner radius.</li>      <li><strong>Shadow </strong><img data-composite="true" src="https://lh6.googleusercontent.com/tGjQLIzlfHTWvBEVTP2IYiD9zIlUxz00Ypo517Z__0wwUCLbxjm_2Ho6kNNvgAT28YKV59mfH1ZSFGhOs6-DQMsZvN1jaGFffug9pRnz5ttSDFaMyR2x0-szKEd2wsTB_9B8nh5M" /><strong>:</strong> Add and customize a shadow.</li>    </ul>  </li>  <li><strong>Text:</strong>
    <ul>
      <li><strong>State:</strong> Choose the state of the menu item you wish to customize.</li>      <li><strong>Themes:</strong> Choose your text's theme.</li>      <li><strong>Fonts:</strong> Choose the text's font and size.</li>      <li><strong>Format:</strong> Adjust the text's format, alignment, color, etc.</li>      <li><strong>Spacing:</strong> Adjust the character spacing.</li>      <li><strong>Shadow:</strong> Add and customize a shadow.</li>    </ul>  </li></ul></div></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>Click <strong>Dropdown Menu</strong> from the <strong>Customize Design</strong> panel to adjust the dropdown menu's items and text.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-adjust-the-layout-of-the-menu" level="3">Step 3 | Adjust the layout of the menu</h2></div><div data-component-type="text"><div>You can adjust the layout of your site menu to further suit your site's needs. You can edit the menu and dropdown menu layout settings separately, and adjust settings such as text, spacing, and alignment. </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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/09/09/4a369353-5138-45a7-8e06-6dec8343ed4e/603b399f-18db-4386-982e-e053ef44bfe7.png" /></div></div><div data-component-type="heading"><h2 id="" level="4">To adjust the layout:</h2></div><div data-component-type="text"><ol>
  <li>Click the <strong>Layouts</strong> icon <img data-composite="true" src="https://lh5.googleusercontent.com/BEc2-NlydCYLgbmwZdAA6cGoq-T-7apEmQmhlgI4yC6OhLbD8cP-mgkMLsuI23UJ1Nhb9bLQQhaicH6fKAOh3BqTWqQpXiT3JJ3F15-NPpxttM_v4Df3ESCvslkBd_B1E3fQ3UIB" />.</li>  <li>Click either the <strong>Menu</strong> or <strong>Dropdown</strong> <strong>menu</strong> tab and customize the options: </li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Menu layout options</h4><div class="collapsible-content"><ul>
  <li><strong>How to display items that don't fit</strong>: Choose how to display items that don't fit in the menu:
    <ul>
      <li><strong>Wrapped: </strong>A second line is added to display the menu items. </li>      <li><strong>Scroll:</strong>  Visitors can view the hidden menu items by scrolling.</li>    </ul>  </li>  <li><strong>Horizontal spacing between items:</strong> Use the slider to adjust the horizontal spacing between menu items.</li>  <li><strong>Vertical spacing between items:</strong> Use the slider to adjust the vertical spacing between menu items.</li>  <li><strong>Items fill the whole menu: </strong>Click the toggle to enable or disable this option:
    <ul>
      <li><strong>Enabled:</strong> Menu is stretched to fit the entire menu.</li>      <li><strong>Disabled:</strong> Items are not stretched, and are automatically aligned to the left, right, or center of the menu.</li>    </ul>  </li>  <li><strong>Align text:</strong> Align the text to the left, right, or center.</li>  <li><strong>Display items from:</strong> Display items from left to right, or right to left.</li>  <li><strong>Item Padding: </strong>Use the sliders to adjust the vertical and horizontal space each item takes up in the menu.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Dropdown menu layout options</h4><div class="collapsible-content"><ul>
  <li><strong>How do dropdown menus open?:</strong> Select how the dropdown items appear:
    <ul>
      <li><strong>Flyout:</strong> The dropdown items appear under the menu items.</li>      <li><strong>Columns:</strong> Columns appear under the main menu, containing the dropdown items.</li>    </ul>  </li>  <li><strong>Spacing between menu &amp; dropdown menu: </strong>Use the slider to adjust the distance between the menu and the dropdown menu.</li>  <li><strong>Stretch to full width:</strong> Use the toggle to enable or disable this option:
    <ul>
      <li><strong>Enabled:</strong> Dropdown menu stretches to full width of the page.</li>      <li><strong>Disabled:</strong> Dropdown menu stays within the gridlines of the main menu.</li>    </ul>  </li>  <li><strong>Number of columns:</strong> Use the slider to adjust how many columns are in the dropdown.</li>  <li><strong>Align columns:</strong> Choose to align columns to the left, right, center, or justified.</li>  <li><strong>Spacing between columns:</strong> Use the slider to adjust the distance between columns.</li>  <li><strong>Align dropdown menu:</strong> Align the dropdown menu to the left or center.</li>  <li><strong>Align text:</strong> Align the dropdown text to the left, right, or center.</li>  <li><strong>Padding:</strong> Use the sliders to adjust the horizontal and vertical space the dropdown menu fills.</li>  <li><strong>Spacing between items: </strong>Use the slider to adjust the spacing between dropdown items.</li></ul><div><br /></div><div><strong>Note:</strong> There are different customization options depending on the display option you have selected (Flyout/Columns).</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">What's next?</div><div class="info-content"><div>Add items to your menu to direct visitors to interesting and relevant content. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-a-new-item-to-your-site-menu" target="">Learn how</a></div></div></div></div>

After adding and setting up your breadcrumbs trail, you can make it your own by customizing it to suit your site's look and theme. Select presets, adjust the layout, and personalize the design to enco...

Wix Editor: Customizing Your Breadcrumbs Trail

<div data-component-type="text"><div>After adding and setting up your breadcrumbs trail, you can make it your own by customizing it to suit your site's look and theme. </div></div><div data-component-type="text"><div>Select presets, adjust the layout, and personalize the design to encourage visitors to keep clicking and exploring your site.</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>You need to enable Velo Dev Mode on your site in order to add and customize breadcrumbs. Velo allows you to use coding on your site to create custom functionalities and interactions. <a data-composite="true" href="https://support.wix.com/en/article/about-velo-by-wix" target="">Learn more about Velo</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-layout-of-your-breadcrumbs-trail" level="3">Changing the layout of your breadcrumbs trail</h2></div><div data-component-type="text"><div>Adjust the layout of your breadcrumbs trail to fit your site's alignment. You can change settings such as the separators, spacing, and direction of items. </div></div><div data-component-type="heading"><h2 id="" level="4">To adjust the trail's layout:</h2></div><div data-component-type="text"><ol>
  <li>Click the breadcrumbs element in your editor.</li>  <li>Click the <strong>Layout</strong> icon <img data-composite="true" src="https://lh3.googleusercontent.com/_o63TCTCRJLLQGXjE3A037_Ewcw6NyoTwOCmtaYSCkiQ-u2XW00xPpyw3PUuq7gyYimF_Uw3SHZ5zdeCUAThh_PyIweKwILGTFEOkwv8aK-0mOQJNLRHa9B_LZJdEADO0BQvJb8y" />.</li>  <li>Adjust the layout using the available options:
    <ul>
      <li><strong>How are overflow items displayed?: </strong>Select how to display items that don't fit on the trail:
        <ul>
          <li><strong>Show all items:</strong> If items don't fit, another line is created on the trail.</li>          <li><strong>Collapse items:</strong> Items are displayed on one line only. If they don't fit, an ellipsis displays.</li>        </ul>      </li>      <li><strong>Separators: </strong>Enable the toggle to show separators between trail items, then choose the icon you want to use: <strong>V-shape</strong> or <strong>Backslash</strong>. </li>      <li><strong>Vertical spacing: </strong>Drag the slider to change the spacing above and below the items.</li>      <li><strong>Horizontal spacing: </strong>Drag the slider to change the spacing between the items. </li>      <li><strong>Align items: </strong>Choose how items are aligned: <strong>Left</strong>, <strong>Center</strong>, or <strong>Right</strong>. </li>      <li><strong>Display breadcrumbs from: </strong>Choose the direction in which the items appear: <strong>Left to Right</strong> or <strong>Right to Left</strong>. </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/03/25/c8cef6cc-9cb4-481c-83ac-8a02429576fd/8746ff6b-746b-4d7f-b236-ed822f463fad.png" alt="Breadcrumbs trail layout panel. The cursor is hovering over a spacing slider." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="designing-your-breadcrumbs" level="3">Designing your breadcrumbs</h2></div><div data-component-type="text"><div>Select another trail preset from the available options, or customize it further to create a clean, sophisticated way to display the hierarchy of your pages to visitors. Adjust the look of the whole trail with settings such as spacing, color, and size.</div></div><div data-component-type="heading"><h2 id="" level="4">To customize the design:</h2></div><div data-component-type="text"><ol>
  <li>Click the breadcrumbs element in your editor.</li>  <li>Click the <strong>Design</strong> icon <img data-composite="true" src="https://lh3.googleusercontent.com/j-rXK3SQAEZoPrh7cdaR14ihsCQqEsLllKBidFTcrvvztKxDV-KXxP_BjTpNXNFmd-j-f7zbM_TsxRf3_6HB0Mfsxvow9tuHcYoCJbE5Bn5rvLLWaC4EFHvpkQw9kmMhLaUiL-V3" />.</li>  <li>Click <strong>Customize Design</strong>.</li>  <li>Choose what you want to design from the dropdown menu:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Background </h4><div class="collapsible-content"><div>Click <strong>Background</strong> in the dropdown menu and choose how you want to customize it:</div><ul>
  <li><strong>Background Fills: </strong>Choose a color for your trail background, and set its opacity.</li>  <li><strong>Borders: </strong>Add a border to your trail background, and change the color, width and spacing.</li>  <li><strong>Corners:</strong> Make the corners of the trail background square, or more circular.</li>  <li><strong>Shadow: </strong>Add and adjust a shadow on your trail to give it a cool 3D effect. </li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Separators</h4><div class="collapsible-content"><ol>
  <li>Click<strong> Separators </strong>from the dropdown menu.</li>  <li>Click the <strong>Show text</strong> toggle to enable separators between trail items.</li>  <li>Choose how you want to customize the separator:
    <ul>
      <li><strong>Themes:</strong> Apply one of your saved text themes to the separator.</li>      <li><strong>Fonts:</strong> Choose a font from the dropdown menu for the separator.</li>      <li><strong>Font size:</strong> Set how big or small you want the item separator to be.</li>      <li><strong>Formatting:</strong> Add different formatting options to your separator, such as bold, underline, and strikethrough.</li>      <li><strong>Color and Alignment:</strong> Choose the colors for your separator, and set the text direction and alignment.</li>      <li><strong>Spacing:</strong> Make the spacing between the characters and lines bigger or smaller.</li>      <li><strong>Shadows:</strong> Add a shadow to the separator to give it a cool 3D effect.</li>    </ul>  </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Items</h4><div class="collapsible-content"><div>Click <strong>Items</strong> in the dropdown menu, and use the options to make them look the way you want:</div><ul>
  <li><strong>Items state:</strong> Select which mode you would like to adjust the items for:
    <ul>
      <li><strong>Regular:</strong> How the items look before a visitor interacts with them.</li>      <li><strong>Hover: </strong>How the items look when a visitor hovers their cursor over them.</li>      <li><strong>Current page:</strong> How the item is displayed when it is the page the visitor is currently on.</li>    </ul>  </li>  <li><strong>Background Fills: </strong>Choose a color for your items, and set their opacity.</li>  <li><strong>Text:</strong> Adjust the text for your trail items. You can choose and edit options such as the font, color, and alignment to suit your site's look and theme.</li>  <li><strong>Borders: </strong>Add and adjust a border on your items. You can change the color, width and spacing to make them stand out on your page.</li>  <li><strong>Corners:</strong> Make the corners of the trail items square, or more circular.</li>  <li><strong>Shadows: </strong>Add and adjust a shadow on your items to give them a cool 3D effect.</li>  <li><strong>Layout:</strong> Adjust the padding around your items to make the space around them smaller or bigger.</li></ul></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/25/65cee94d-6bd0-4f2d-80fe-7e7595f06847/df88f021-e8c3-492f-b893-05e13e0d44bc.png" alt="The breadcrumbs design panel. The Items option is open." /></div></div>

Upgrade your menus to an advanced menu to display items the way you want. Advanced menus allow you to create custom menus for different areas of your site, deciding where your visitors should go next....

Wix Editor: Adding and Setting Up Advanced Menus

<div data-component-type="text"><div>Upgrade your menus to an advanced menu to display items the way you want. Advanced menus allow you to create custom menus for different areas of your site, deciding where your visitors should go next.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-add-a-menu-to-your-page" level="3">Step 1 | Add a menu to your page</h2></div><div data-component-type="text"><div>Get started by adding a menu to your site. There are lots of different designs to match your site's look and theme.</div></div><div data-component-type="heading"><h2 id="" level="4">To add a menu:</h2></div><div data-component-type="text"><ol>
  <li>Click <strong>Add Elements</strong> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/63ea9a5d-a456-42a7-9aab-daed535f6c59.png" />  on the left side of the editor.</li>  <li>Click <strong>Menu &amp; Anchor</strong>.</li>  <li>Choose a menu type under <strong>Menus</strong>.</li>  <li>Click and drag your chosen menu to the page. </li>  <li>Repeat steps 1-4 for any more menus you want to add.</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/01/30/d01cd914-778b-4c53-8f6d-515a366a742b/c82ae9ef-3f04-43e3-ba31-bf3f91a6a9c6.png" alt="The Add Elements panel in the Editor. The cursor is hovering over the option to add a horizontal menu." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Want the full range of features that advanced menus have to offer?</div><div class="info-content"><div>We recommend adding a horizontal menu so you can have <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-customizing-your-horizontal-menu-design" target="">advanced design features</a>, as well as the option to <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-managing-advanced-menus#setting-up-sub-dropdown-items" target="">create sub-dropdown-items</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-set-the-menu-as-an-advanced-menu" level="3">Step 2 | Set the menu as an advanced menu</h2></div><div data-component-type="text"><div>After you add your chosen menu to your site, update it to an advanced menu to separate it from your site pages and unlock new features. </div></div><div data-component-type="heading"><h2 id="" level="4">To set a menu as an advanced menu:</h2></div><div data-component-type="text"><ol>
  <li>Click the menu in your editor.</li>  <li>Click the <strong>Settings</strong> icon <img data-composite="true" src="https://lh6.googleusercontent.com/QHCZvQcflmgBvEO86LewXVsN8qhiuMAPMeOkhJRNv2DnXpb1fOALIMPgfazsgWy4Clzdj2z7E9WSAVH-fodY0dAWRuulI51qCOt93LuwWp2RxsfE9nEe8V7K2KaEd7qahfRa62z8jYmRtWZhEg" />.</li>  <li>Click <strong>Set as Advanced</strong>.</li>  <li>Click <strong>Set as Advanced</strong> in the pop-up.</li>  <li>Repeat steps 1-4 for any menus you want to set as advanced.</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/01/30/f117a13b-3999-4a97-9468-bdf60c54b72e/2ae251e3-0e90-4913-a34b-7779d25c1031.png" alt="The advanced settings panel in the menu. The cursor is hovering over the 'Set as Advanced' button." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-add-menu-items" level="3">Step 3 | Add menu items</h2></div><div data-component-type="text"><div>Choose what you want to display in your advanced menu. You can add pages, links, anchors, and drop-down menu titles to organize and display content the way you want.</div></div><div data-component-type="heading"><h2 id="" level="4">To add items to the menu:</h2></div><div data-component-type="text"><ol>
  <li>Click the menu in your editor.</li>  <li>Click <strong>Manage Menu</strong>.</li>  <li>Click <strong>+ Add Menu Item</strong> at the bottom of the panel.</li>  <li>Choose the item type you want to add to your menu:
    <ul>
      <li><strong>Site Pages:</strong> Add site pages as menu items.</li>      <li><strong>Link:</strong> Add a link to your menu. You can link to external sites, documents, and more.</li>      <li><strong>Section:</strong> Add a <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-about-sections" target="">page section</a> as an item to your menu. When visitors click it, they're brought to the section.</li>      <li><strong>Anchor:</strong> Display a link to a page anchor on your menu. Clicking it brings the visitors to the relevant anchor.</li>      <li><strong>Dropdown title:</strong> Add a dropdown to your menu. Once you add the title, you can drag and drop menu items to be displayed in the dropdown.</li>      <li><strong>Mega menu:</strong> Add a container that's displayed when visitors hover over the item in the menu. You can change the layout and design of the container, and add elements. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-a-mega-menu" target="">Learn more about mega menus</a></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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/09/09/2eb66847-1f2c-43c1-95af-7608e3749331/4cb5c36a-20ec-4d3f-b2ea-85761398c8e5.png" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">What's next?</div><div class="info-content"><ul>
  <li>Tailor your advanced menu by adding, removing, and renaming items. You can also set up dropdown menus and sub-dropdown menus to streamline your content. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-managing-advanced-menus" target="_blank">Learn more about managing menu items</a></li>  <li>Depending on the menu type (horizontal or vertical), you can customize the layout and design of your advanced menu to make it look how you want.</li></ul></div></div></div>

Manage items in your advanced menu to direct visitors to relevant content, in the order you choose. You can rename items, use sub-navigation to organize them or remove items that are no longer needed....

Wix Editor: Managing Advanced Menus

<div data-component-type="text"><div>Manage items in your <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-advanced-menus" target="">advanced menu</a> to direct visitors to relevant content, in the order you choose. You can rename items, use sub-navigation to organize them or remove items that are no longer needed.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-items-to-menu" level="3">Adding items to menu</h2></div><div data-component-type="text"><div>Add items to your menu to display what you want on your site. You can add pages and links, and create dropdown menus to streamline content for your visitors.</div></div><div data-component-type="heading"><h2 id="" level="4">To add new items to the menu</h2></div><div data-component-type="text"><ol>
  <li>Click the advanced menu in your editor.</li>  <li>Click <strong>Manage Menu</strong>.</li>  <li>Click <strong>+</strong> <strong>Add Menu Item</strong> at the bottom.</li>  <li>Choose the item type you want to add to your menu:
    <ul>
      <li><strong>Site Pages:</strong> Add site pages as menu items.</li>      <li><strong>Link:</strong> Add a link to your menu. You can link to external sites, documents, and more.</li>      <li><strong>Section:</strong> Add a <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-about-sections" target="">page section</a> as an item to your menu. When visitors click it, they're brought to the section.</li>      <li><strong>Anchor:</strong> Display a link to a <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-about-anchors-9563" target="">page anchor</a> on your menu. Clicking it brings the visitors to the relevant anchor.</li>      <li><strong>Dropdown title:</strong> Add a dropdown menu to organize your items. Once you add the title, you can drag and drop menu items below the dropdown.</li>      <li><strong>Mega menu:</strong> Add a container that's displayed when visitors hover over the item in the menu. You can change the layout and design of the container, and add elements. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-a-mega-menu" target="">Learn more about mega menus</a>.</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/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/09/09/81ab3c4f-0ff2-4b4a-b837-e9d6323ed347/e6c9e27a-6f1e-49d0-a9ee-6cc3cb56dcef.png" alt="The Manage Menu panel. The cursor is hovering over the 'Add Menu Item' button, displaying the options." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-order-of-menu-items" level="3">Changing the order of menu items</h2></div><div data-component-type="text"><div>You can decide on the order of your menu items, and change it at any point. For example, use the order to show items alphabetically, by order of importance, or even to tell a story. </div></div><div data-component-type="heading"><h2 id="" level="4">To reorder menu items:</h2></div><div data-component-type="text"><ol>
  <li>Click the advanced menu in your editor.</li>  <li>Click <strong>Manage Menu</strong>.</li>  <li>Click and drag the menu items to your desired order.</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/01/30/3fcfd6c8-b5c2-44c4-997d-f889ac063ab2/e10780c0-2fce-4a22-af32-b5cafbee7976.gif" alt="GIF showing items being rearranged in an advanced menu with the drag and drop feature." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="renaming-your-menu-items" level="3">Renaming your menu items</h2></div><div data-component-type="text"><div>Rename menu items to give your visitors a clear indication of the content they lead to. Some popular examples of item names include &quot;Contact Us&quot;, and &quot;About&quot;.</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 change the name of a page in the menu panel, the name is automatically changed across your entire site.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">To rename a menu item:</h2></div><div data-component-type="text"><ol>
  <li>Click the advanced menu in your editor.</li>  <li>Click <strong>Manage Menu</strong>.</li>  <li>Click the <strong>More Actions</strong> icon <img data-composite="true" src="https://lh6.googleusercontent.com/x6IjufbegKSBEOXf16L_pXbHrk3hGVzSY9jE_52kxzwlxASUdBlHlTfeuQXpfIXqJPWhGA7qyBpqkPQOtEGJ4A9ogNiadpD2ZzSRM_z1kEPlJMH2i9Wjl2Wx5zY8dASEDngKu2ICBe8yPa8FBw" /> next to the relevant item.</li>  <li>Click <strong>Rename</strong> / <strong>Rename page</strong>.</li>  <li>Enter the new name into the field.</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/2023/01/30/58f864ed-7bba-4d9c-8814-3e062718bd76/fe63b5c6-3f6e-4d17-bfd7-7924bda436fa.png" alt="The Manage Menu panel. The cursor is hovering over the 'Rename page' option." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="setting-up-a-dropdown-menu" level="3">Setting up a dropdown menu</h2></div><div data-component-type="text"><div>Create a dropdown menu to categorize and display your items in a list when visitors hover over it. For example, you can create a dropdown menu named &quot;Services&quot;, then add the relevant items / pages below (e.g. &quot;Consultations&quot;, &quot;Appointments&quot; etc).</div></div><div data-component-type="heading"><h2 id="" level="4">To add and set up a dropdown menu:</h2></div><div data-component-type="text"><ol>
  <li>Click the advanced menu in your editor.</li>  <li>Click <strong>Manage Menu</strong>.</li>  <li>Click <strong>+ Add Menu Item</strong> at the bottom of the panel.</li>  <li>Select <strong>Dropdown title</strong>.</li>  <li>Enter the name of the dropdown into the field.</li>  <li>Click <strong>Done</strong>.</li>  <li>Click and drag the pages you want over the dropdown title to add them.</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/01/30/d5cf4ed5-17c9-4828-822f-fa27370cd5cd/28103c75-f758-40ab-9097-7af3563b0d9a.gif" alt="GIF showing menu pages being dragged and dropped into a submenu title." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="setting-up-sub-dropdown-items" level="3">Setting up sub dropdown items</h2></div><div data-component-type="text"><div>If you set up a dropdown menu, you can further organize it by adding sub dropdown items. When visitors hover over the item in the dropdown menu, another dropdown opens. This is a great way to categorize information the way you want, and make it even easier for visitors to find what they need.</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>Sub dropdown items are only available on horizontal menus that you have manually added from the <strong>Add Elements</strong> panel. They are not available on menus that come with your chosen site template, or on vertical menus.</li>  <li>Before you begin, make sure you create a dropdown menu in order to add all of the relevant sub dropdown items to it.</li></ul></div></div></div><div data-component-type="heading"><h2 id="" level="4">To create a sub dropdown menu:</h2></div><div data-component-type="text"><ol>
  <li>Click the advanced menu in your editor.</li>  <li>Click <strong>Manage Menu</strong>.</li>  <li>Click and drag the sub dropdown items directly below the relevant dropdown menu item.</li>  <li>Click the <strong>More Actions</strong> icon <img data-composite="true" src="https://lh6.googleusercontent.com/x6IjufbegKSBEOXf16L_pXbHrk3hGVzSY9jE_52kxzwlxASUdBlHlTfeuQXpfIXqJPWhGA7qyBpqkPQOtEGJ4A9ogNiadpD2ZzSRM_z1kEPlJMH2i9Wjl2Wx5zY8dASEDngKu2ICBe8yPa8FBw" /> next to the sub dropdown page.</li>  <li>Click <strong>Move under (item name)</strong>.</li>  <li>Repeat steps 4-5 for every sub dropdown pages.</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/01/30/d1ce4ef2-469e-4ac3-83e7-d7bd3db3efc2/2e1dd7a7-1452-466c-9238-bf2f07d2292a.gif" alt="GIF showing a pge being set as a sub-sub-item in the 'Manage Menu' panel." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Did you know?</div><div class="info-content"><div>You can add any type of menu item to your sub dropdown menus (e.g. pages, links, anchors, etc.)</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="removing-and-hiding-menu-items" level="3">Removing and hiding menu items</h2></div><div data-component-type="text"><div>Update the advanced menu to keep your information fresh and relevant. You can remove or hide menu items to prevent visitors from seeing certain pages or dropdown menus.</div></div><div data-component-type="heading"><h2 id="" level="4">To remove an item from a menu:</h2></div><div data-component-type="text"><ol>
  <li>Click the advanced menu in your editor.</li>  <li>Click <strong>Manage Menu</strong>.</li>  <li>Click the <strong>More Actions</strong> icon <img data-composite="true" src="https://lh6.googleusercontent.com/x6IjufbegKSBEOXf16L_pXbHrk3hGVzSY9jE_52kxzwlxASUdBlHlTfeuQXpfIXqJPWhGA7qyBpqkPQOtEGJ4A9ogNiadpD2ZzSRM_z1kEPlJMH2i9Wjl2Wx5zY8dASEDngKu2ICBe8yPa8FBw" /> next to the relevant item.</li>  <li>Click <strong>Hide from menu</strong> / <strong>Remove from menu</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>You can only hide site pages from your menu – this doesn't delete the page from your site. If you remove a dropdown title, it's only deleted from the menu.</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/2023/01/30/de6c3b4e-db48-4543-b658-f786a090a3ac/ea1f233e-a49d-4c53-8d31-8b7f256f0882.png" alt="The 'Manage Menu' panel. The cursor is hovering over the option to hide a page from the menu." /></div></div>

With advanced menus, you can show your visitors the content you want, where you want. Create different menus for different areas of your site, with multiple levels of navigation to stay organized. You...

Wix Editor: About Advanced Menus

<div data-component-type="text"><div>With advanced menus, you can show your visitors the content you want, where you want. Create different menus for different areas of your site, with multiple levels of navigation to stay organized. You can design every part of your advanced menu so it matches your style. </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/17/b5f70b1d-c9d5-4113-919a-6380af165923/567a91f1-873e-4cc1-acc0-f5fb9d881155.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="create-multiple-menus-for-different-pages" level="3">Create multiple menus for different pages</h2></div><div data-component-type="text"><div>Use advanced menus to direct your visitors to relevant content and information from different areas and pages of your site. You can add as many separate menus as you need, and customize and manage them individually. </div></div><div data-component-type="text"><div>For example, you can display a menu that directs visitors to pages and anchors in your header, and another that leads to contact information and further links in the footer. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-advanced-menus" target="">Learn how to add and set up multiple advanced menus</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/17/c3ca6b4f-56d2-41f5-9fe0-772868f04ef6/c5bcba2a-26fb-42c8-815a-31901cdd552e.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="utilize-sub-navigation-to-organize-menu-items" level="3">Utilize sub-navigation to organize menu items</h2></div><div data-component-type="text"><div>When you have many pages, anchors, and sections on your site, it's important to make them easy to find. With advanced menus, you can <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-managing-advanced-menus#setting-up-a-submenu" target="">add dropdown menus</a> to create drop-down folders that your visitors can hover over and click.</div></div><div data-component-type="text"><div>As well as dropdown menus, advanced menus also have the capability to display sub-dropdown-items. These are dropdown menus within dropdown menus, and are a great a way to display content in a logical order or group. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-managing-advanced-menus#setting-up-sub-dropdown-items" target="">Learn how to create sub-dropdown-items</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/17/4ff8a005-d647-4af2-b317-11aaffbbbaeb/0babd280-43ad-4f2c-a658-ca3a072a76bb.png" /></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 only possible to create sub-sub-items with horizontal menus you have manually added from the <strong>Add Elements</strong> panel. They are not available on menus that come with your chosen site template, or on vertical menus.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="display-additional-content" level="3">Display additional content</h2></div><div data-component-type="text"><div>As well as sub-navigation options, you can also display additional content as part of your menu experience. Mega menus are container elements that you can add as items to your advanced menu. When visitors hover over the menu item on your live site, the container opens. </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/2023/02/08/f617a9dd-dc56-4a8c-9c1e-ee5e18065490/a6bebc84-fbcd-4662-9e5c-c8887bd4b380.png" /></div></div><div data-component-type="text"><div>Design the look and alignment of the container, and add elements such as text, buttons, and images to show your visitors everything they need. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-a-mega-menu" target="">Learn how to add and set up a mega menu</a></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="design-every-part-of-your-menu" level="3">Design every part of your menu</h2></div><div data-component-type="text"><div>Depending on the menu type (vertical, horizontal etc), you can tailor different aspects of your advanced menu's design to look how you want and suit your pages. </div></div><div data-component-type="text"><div>Customize menu and dropdown menu items to make them stand out, and add cool backgrounds to the containers to create striking visual navigation.</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/17/0103323c-f591-4a44-9e0c-3646b92675be/bf8b5ca6-9594-40f3-9f0c-647acf0cb3ea.png" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Need more info?</div><div class="info-content"><ul>
  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-customizing-your-horizontal-menu-design" target="">Learn more about customizing the design of a horizontal menu</a></li>  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-a-vertical-menu#customizing-the-menu-design" target="">Learn more about customizing the design of a vertical menu</a></li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="set-the-layout" level="3">Set the layout</h2></div><div data-component-type="text"><div>You can also adjust the layout of the advanced menu to display items in a way that complement your page's structure. Depending on whether you have a horizontal or vertical menu, you can select how dropdown menus open, and set the alignment of items to create a clear layout for your visitors.</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/2023/01/20/efa3a8bd-7237-4148-b2f9-acb4277d7a92/0c8775be-e805-4104-8c40-04346a4ce3d4.png" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Want to know more?</div><div class="info-content"><ul>
  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-changing-the-layout-of-your-site-menu#changing-the-layout-of-a-horizontal-menu" target="">Learn more about adjusting the layout of a horizontal menu</a></li>  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-a-vertical-menu#adjusting-the-layout-of-the-menu" target="">Learn how to adjust the layout of a vertical menu</a></li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">What's the difference between advanced menus and regular menus?</h4><div class="collapsible-content"><div>Regular site menus are linked to your site pages, which means any change you make to one menu affects the others. For example, if you have two horizontal menus on your site and you hide a page from one menu, the page is automatically also hidden on the second menu.</div><div><br /></div><div>With advanced menus, the menu is no longer linked to your site pages. This means you can manage multiple menus on your pages differently.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How many advanced menus can I add to my page?</h4><div class="collapsible-content"><div>There's no limit to how many advanced menus you can add to your site. However, we recommend only adding as many as necessary to ensure your site's performance isn't affected. <a data-composite="true" href="https://support.wix.com/en/article/site-performance-best-practices" target="">Learn more about site performance</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Can I have multiple menus on my mobile site?</h4><div class="collapsible-content"><div>No. You can set the site menu on your mobile site as an advanced menu, and use it change the display order of items. However, it is <a data-composite="true" href="https://support.wix.com/en/article/request-creating-multiple-menus-for-your-mobile-friendly-site" target="">not possible to add multiple different menus</a> to the mobile version of your site.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How do I set up a dropdown menu?</h4><div class="collapsible-content"><div>Add a dropdown menu title from the Manage Menu panel, then drag and drop the relevant items over it. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-managing-advanced-menus#setting-up-a-submenu" target="">Learn more about setting up a dropdown menu</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">How do I set up sub-sub-items?</h4><div class="collapsible-content"><div>Set up sub-sub-items by creating a dropdown menu, then moving the relevant items under your chosen page / link etc. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-managing-advanced-menus#setting-up-sub-sub-items" target="">Learn more about setting up sub-dropdown-items</a></div></div></div></div>

Mega menus are containers that you can add as items to your advanced horizontal menu. When visitors hover over the menu item on your live site, the container opens. Attach elements to the container to...

Wix Editor: Adding and Setting Up a Mega Menu

<div data-component-type="text"><div>Mega menus are containers that you can add as items to your <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-about-advanced-menus" target="">advanced horizontal menu</a>. When visitors hover over the menu item on your live site, the container opens. </div></div><div data-component-type="text"><div>Attach elements to the container to display important and relevant content. You can also customize their look to provide a unique navigational experience for your visitors. </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/2023/02/21/daac785c-045b-423a-84c7-ab97b037e256/f5eea30b-7b40-4b62-bba6-531f9d6abe52.gif" alt="A GIF showing a mega menu on a live Wix site." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-add-and-set-up-an-advanced-horizontal-menu" level="3">Step 1 | Add and set up an advanced horizontal menu</h2></div><div data-component-type="text"><div>To get started, add a horizontal menu to your page and set it as advanced. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-about-advanced-menus" target="">Advanced menus</a> help you create a custom, organized browsing experience for your visitors, with multiple item and navigation options.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">You should know:</div><div class="info-content"><div>It is only possible to add a mega menu container to a horizontal menu that you <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-advanced-menus" target="">set as advanced</a>. Mega menu containers are not supported on regular site menus, themed menus, or vertical menus.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">To add and set up a horizontal advanced menu:</h2></div><div data-component-type="text"><ol>
  <li>Click <strong>Add Elements</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/Rbr5USy_oFP6pYkXGBb63PMpFbO7ubUqkRbAGJ1OYdiVX6D-L9x2G4brOoX4ZPsWCZ0fHfZPj3cutsOx7jiHlr7W-1BM9da1bL17VhLC4ymyc-vIuFJMHXk1F4MxAgRolqgdcWy_fl8qmbqDLLO8wA" /> on the left side of the editor.</li>  <li>Select <strong>Menu &amp; Anchor</strong>.</li>  <li>Click <strong>Horizontal Menus</strong>.</li>  <li>Click and drag your chosen menu design to wherever you want on the page.</li>  <li>Set the menu as advanced:
    <ol>
      <li>Select the new menu in the editor.</li>      <li>Click the <strong>Settings</strong> icon <img data-composite="true" src="https://lh7-us.googleusercontent.com/w9IuUfeWxHhC1SquJApJ_GGzRES_GH-YnBkSCw1qePiMSB0MMzr2XaP9lSuu5kajsXQ5qlir_us-QiSdAoQ_whX6VYtiGAUxC4S8_2GaW6QVQ1zRNbpGJGiKB0qfLIfOY_-pH2EEksAx0eeKRXIJMvo" />.</li>      <li>Select <strong>Set as Advanced</strong>.</li>      <li>Click <strong>Set as Advanced</strong> in the pop-up.</li>    </ol>  </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/12/19/87732f34-2fac-4b43-a446-faeb40986147/a9772e0f-fc70-432f-8c1a-4f92392862b1.png" alt="The Menu &amp; Anchor tab in the Add Elements panel. The cursor is hovering over a horizontal menu." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-add-a-mega-menu-to-your-advanced-menu" level="3">Step 2 | Add a mega menu to your advanced menu</h2></div><div data-component-type="text"><div>Once you have an advanced horizontal menu, add your mega menu container as an item and name it what you want. We recommend using a title that reflects your intended content, such as &quot;Services&quot;, and &quot;Our Story&quot;.</div></div><div data-component-type="heading"><h2 id="" level="4">To add a mega menu:</h2></div><div data-component-type="text"><ol>
  <li>Select the advanced menu in your editor.</li>  <li>Click <strong>Manage Menu</strong>.</li>  <li>Click <strong>+ Add Menu Item</strong> at the bottom of the panel.</li>  <li>Select <strong>Mega Menu</strong>.</li>  <li>Enter the title of the container into the field.</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/2023/01/31/8ad4b25d-3b9e-4c46-92d8-3863ddfefa41/a4a5533c-5ec5-4310-bf14-0ce9be6120cc.png" alt="The Manage Menu panel for an advanced menu in the Editor. The cursor is hovering over the option to add a mega menu." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-add-content-to-the-container" level="3">Step 3 | Add content to the container</h2></div><div data-component-type="text"><div>Once you've added and named your container, add elements such as buttons, shapes, and text to build the content you want. </div></div><div data-component-type="heading"><h2 id="" level="4">To add elements:</h2></div><div data-component-type="text"><ol>
  <li>Hover over the mega menu container in the <strong>Manage Menu</strong> panel.</li>  <li>Click <strong>Edit</strong>.</li>  <li>Click <strong>Add Elements</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/Rbr5USy_oFP6pYkXGBb63PMpFbO7ubUqkRbAGJ1OYdiVX6D-L9x2G4brOoX4ZPsWCZ0fHfZPj3cutsOx7jiHlr7W-1BM9da1bL17VhLC4ymyc-vIuFJMHXk1F4MxAgRolqgdcWy_fl8qmbqDLLO8wA" /> on the left side of the editor.</li>  <li>Choose the element you want to add.</li>  <li>Click and drag the element to your chosen position in the container.</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/02/01/3b98c313-b1c2-4102-88d1-35bcbac63b94/57b4ff8f-dfb4-47b6-85bf-7f4aa40a14f0.gif" alt="A GIF showing a text box being added to a mega menu container from the Add Elements panel." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-4-adjust-the-layout-of-your-mega-menu-container" level="3">Step 4 | Adjust the layout of your mega menu container</h2></div><div data-component-type="text"><div>After adding the elements you want, change the layout of the mega menu container to match your page structure. You can adjust the spacing, and choose how much the container stretches. </div></div><div data-component-type="heading"><h2 id="" level="4">To change the layout:</h2></div><div data-component-type="text"><ol>
  <li>Click the mega menu container.</li>  <li>Click <strong>Change Layout</strong>.</li>  <li>Use the options to adjust the container:
    <ul>
      <li><strong>Choose a layout: </strong>Select whether you want the container to stretch to the full width of your visitors' screens, or the width of your site page (within the gridlines).</li>      <li><strong>Spacing between menu &amp; dropdown menu:</strong> Make the space between your menu and the mega menu container bigger or smaller by dragging the slider.</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/2023/02/02/9f9004bc-76dc-4526-b0ff-877247b91e7e/54b4d99a-96cf-4489-9668-05a6c65e3fed.png" alt="The container layout panel for a mega menu in the Wix Editor. The cursor is hovering over the spacing slider." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-5-customize-the-design-of-the-mega-menu" level="3">Step 5 | Customize the design of the mega menu</h2></div><div data-component-type="text"><div>Once you've adjusted the layout of the container, design its borders, background, and more. To maintain a consistent look, changes you make to the mega menu also apply to any dropdown menus you've added.</div></div><div data-component-type="heading"><h2 id="" level="4">To customize the container's design:</h2></div><div data-component-type="text"><ol>
  <li>Click <strong>Exit Mode</strong> on the Mega Menu Mode bar.</li></ol><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/21/d80086c3-d74b-454e-82ed-b27636d1f6d5/ee40dde5-9012-4a10-b895-2978131cb608.png" /></div><div>2. Click your advanced menu.</div><div>3. Click the <strong>Design</strong> icon <img data-composite="true" src="https://lh6.googleusercontent.com/5yTDJ25o-LWlCf8N9tSTIhcYfl45VoLEK-dhmoSmbwgQutvZJRohAbDt7OKTqs9m60qMosvK6aVCpkzzON9NpoWr1XvSf3Kq9D-_5X9CjagSmxAK6GfLLeLGTVFqAACj2wNH8xlAgw332nZzOcnpXA" />.</div><div>4. Click <strong>Customize Design</strong>.</div><div>5. Select <strong>Dropdown Menu container</strong> from the <strong>What do you want to design?</strong> drop-down menu.</div><div>6. Use the options to design the container.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Show me design options</h4><div class="collapsible-content"><ul>
  <li><strong>Background Fills </strong><img data-composite="true" src="https://lh6.googleusercontent.com/RDbnan9fKN14DqbQ_KzBm7o3fOS6tGwAs19dtOx8Y41Yu9QM10M6_aB20G_5zWZ83nn07aBBs5MYgS10hzGXIll0qT6rAC3pH5iiOebrk9Nr84_YsZcZ5OeIjF2AAI4BplfBMMbO" /><strong>:</strong>
    <ul>
      <li>Click the color box to select a color for your menu container.</li>      <li>Drag the slider to adjust the opacity.</li>    </ul>  </li>  <li><strong>Borders </strong><img data-composite="true" src="https://lh3.googleusercontent.com/-50eh0nd9xaB1hHtcVBQUwfF2TPTmMb3xgrRSbEvZ9eEzUZeP2lHefEzkfRI5splembutJY8zTYjbFbsGSsa410rpvSpSCdA0mWPybsV4KyVshQFK4DziK9EGkp7BV8AX-7w1C1T" /><strong>:</strong>
    <ul>
      <li>Click the color box to select a color for your border.</li>      <li>Click the drop-down menu to choose a border style.</li>      <li>Click the Lock / Unlock icon <img data-composite="true" src="https://lh5.googleusercontent.com/FHBp6z1Uy4u3awOUA8Cm_UQsAz8Nhy2BGEbPVYSjKxjtmuYebyN_R7O5m5msaV4bQ1qRuP9YXzm4PiSD3VrRV6URuC8vFm7ErDVWHe_9bpNLs9nxmwzeZAL1D_LLv0kKrpTY6GGI" /> to choose whether all sides of the border are the same, or different sizes.</li>      <li>Type the pixel number into the boxes to change the size of the border.</li>    </ul>  </li>  <li><strong>Corners </strong><img data-composite="true" src="https://lh3.googleusercontent.com/PaFDRxybmmeHa15r-ciwlczdkrd_FFk6mNmRovHTe4KU1KM14Hlgv2CTYugIb3f5FT1MLZ1pkcEZXiXainTYOIR8itiA5sw3hrQANd_tjYU6W5Teua6X-aWmUnxFgXoyi2j3jhpI" /><strong>:</strong>
    <ul>
      <li>Click the Lock / Unlock icon <img data-composite="true" src="https://lh5.googleusercontent.com/FHBp6z1Uy4u3awOUA8Cm_UQsAz8Nhy2BGEbPVYSjKxjtmuYebyN_R7O5m5msaV4bQ1qRuP9YXzm4PiSD3VrRV6URuC8vFm7ErDVWHe_9bpNLs9nxmwzeZAL1D_LLv0kKrpTY6GGI" /> to choose whether the corners are the same, or different sizes.</li>      <li>Type the pixel number into the boxes to make the corners rounder, or more square.</li>    </ul>  </li>  <li><strong>Shadows </strong><img data-composite="true" src="https://lh3.googleusercontent.com/Bb-ZezUXGgdGQy2RjJqMADmLFQZJMPiRj5t3Rmd2w4hCsLxg-XPOgPAFzT15537LPzEuCljOotn7YcPHIDaSIpGRKzey8cj0Rfz0qAQDIgzaTcJkKtE7upgyPAKHi8usP4UT2Lo8" /><strong>:</strong>
    <ul>
      <li>Click <strong>Add a shadow</strong> to add a shadow to your container.</li>      <li>Drag the slider to adjust the shadow's opacity.</li>      <li>Click the box to customize the shadow:
        <ul>
          <li>Click the color box to select a color for your shadow.</li>          <li>Select whether the shadow is an outer or inner type.</li>          <li>Enter the angle into the box.</li>          <li>Drag the slider to increase or decrease the distance between the container and the shadow.</li>          <li>Use the slider to adjust the blur of the shadow.</li>          <li>Drag the slider to make the shadow bigger or smaller.</li>        </ul>      </li>    </ul>  </li>  <li><strong>Layout </strong><img data-composite="true" src="https://lh6.googleusercontent.com/iqhr9SJ87iTu-5ca9_YdZ6VNFnjXQfRG1iW3qGDxIdkvcWEuR-YAAx0w-0OO-wg83UkxrskNw1wR0lr9VYN2u9-TV3oUe3R_Bn7lNs58X-DDyrksn6T2P4qIOPpnA2tzW-xLzIBm" /><strong>:</strong>
    <ul>
      <li>Click the Lock / Unlock icon <img data-composite="true" src="https://lh5.googleusercontent.com/FHBp6z1Uy4u3awOUA8Cm_UQsAz8Nhy2BGEbPVYSjKxjtmuYebyN_R7O5m5msaV4bQ1qRuP9YXzm4PiSD3VrRV6URuC8vFm7ErDVWHe_9bpNLs9nxmwzeZAL1D_LLv0kKrpTY6GGI" /> to choose whether the padding is the same on all sides.</li>      <li>Type the pixel number into the boxes to change the size of the padding.</li>    </ul>  </li></ul></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/02/dbd3bbb9-41c5-4000-9793-02ea140d66ae/06501882-015e-4bee-8e60-9002a4dc3069.gif" alt="A GIF showing the Design options for a mega menu container being accessed in the Wix Editor." /></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>Only design options that are made to the dropdown menu container are applied to a mega menu. Changes that your make to dropdown items are not applied to elements you've added to the mega menu container.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">What's next? </div><div class="info-content"><div>There are a range of options available with an advanced horizontal menu. You can: </div><ul>
  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-managing-advanced-menus" target="">Manage the advanced menu</a> to display the items you want. </li>  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-customizing-your-horizontal-menu-design" target="">Customize the design</a> to complement your site's theme.</li>  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-changing-the-layout-of-your-site-menu#changing-the-layout-of-a-horizontal-menu" target="">Adjust the menu's layout</a> to set the alignment, spacing, and more.</li></ul></div></div></div>

Hamburger menus are menus that display a button on your live site. When visitors click the button, the menu opens in a container. This means they're a great way to let visitors browse your site withou...

Wix Editor: Adding and Setting Up a Hamburger Menu

<div data-component-type="text"><div>Hamburger menus are menus that display a button on your live site. When visitors click the button, the menu opens in a container. This means they're a great way to let visitors browse your site without compromising on space or layout.  </div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/08/02/f60fe5d5-6860-4f88-a706-1b6a82efba1e/3c95d8c5-fa28-488a-acfb-bf9d9a68daee.gif" alt="A GIF of a wix live site. The hamburger menu button is clicked, opening the menu in a container." /></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">You should know:</div><div class="info-content"><div>Although the icons for hamburger and <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-about-the-mobile-menu" target="">mobile site menus</a> are similar, they are separate menus. Hamburger menus are not available to add in the mobile Editor, and any you add on desktop are not transferred to the mobile version of your site.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-add-a-hamburger-menu-to-your-site" level="3">Step 1 | Add a hamburger menu to your site</h2></div><div data-component-type="text"><div>Add a hamburger menu to your site to get started. There a variety of pre-designed options, so you can choose one that fits your site's theme and look.</div></div><div data-component-type="heading"><h2 id="" level="4">To add a hamburger menu:</h2></div><div data-component-type="text"><ol>
  <li>Click <strong>Add Elements</strong> <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXcjiGlda4QICDH2N0lRuWpE8s2llndxnKS_5cfG43ODMXUwJ63B9khQxySCr55zuywa9t3kYS_Vlf1vM3E3sCYu4mumtXTRZwcSSLqh_jseUt_7EaBVACD7jh4t8rOWnEN6Uq5Fiq73pihRPbrWCTE9c8Ak?key=dRllTO6NEoYu0-D1JuBE8A" /><strong> </strong>in the left side of the editor.</li>  <li>Select <strong>Menu &amp; Anchor</strong>.</li>  <li>Click <strong>Hamburger Menus</strong>.</li>  <li>Click and drag your chosen menu icon to the page.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/08/02/3339a21e-798d-4710-84f3-d7b82dc5e84d/38f96d1d-a219-415c-a8b3-7f72858f20c6.jpg" alt="The add elements panel. Hamburger menus in the menu and anchor tab are open, and the cursor is clicking a menu icon." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-set-up-the-menu-button" level="3">Step 2 | Set up the menu button</h2></div><div data-component-type="text"><div>After adding the menu to your site, choose what to display on the button - text, an icon, or both. If needed, you can select a new icon and / or update the text to your liking.</div></div><div data-component-type="heading"><h2 id="" level="4">To set up the button:</h2></div><div data-component-type="text"><ol>
  <li>Click the hamburger menu button on the page.</li>  <li>Click the <strong>Settings</strong> icon <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXe4lLVtAcOu46dmGvmfsIwnTmCPfb3TnR54d1b32kwFG-dbcg_iHuZQQaIxGQkuEi49ctp8P9JdMqv-aYJMIP1aT0Fd_3zGtxzZyarkqQf1p0KmvtD3PMCEsAV5t_0GPEKgKHeFeE6llcAynY-TA9drcEg?key=dRllTO6NEoYu0-D1JuBE8A" />.</li>  <li> Click <strong>Choose what displays</strong> to set what visitors see on your live site:
    <ul>
      <li><strong>Icon only: </strong>Only the icon is displayed.
        <ul>
          <li><strong>Replace icon:</strong> Click the <strong>Replace</strong> icon <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXdYS3kwMbc4ia4q2QmRHeMOxW0U6HfK1BfQy9H4SSaj97s84RoMIiSt88tFFu9ECNef7IpKSQPvsSEaBe76C4r8e3k26DzYqlshGN4NxEeHHSgr_sCMgBsOXlzAgJBL1hhTOoUKITCUpIEkZK0_Nc5ZinU6?key=dRllTO6NEoYu0-D1JuBE8A" /> to choose a new icon for the menu button. You can choose from a variety of free options available from Wix, or upload your own.</li>          <li><strong>Accessible name:</strong> Enter the icon's accessible name into the field. <br />
<strong>Note:</strong> This text allows screen readers to &quot;read&quot; the name and understand the button's purpose. It isn't displayed on your live site.</li>        </ul>      </li>      <li><strong>Text only:</strong> Only text is displayed on the button.
        <ul>
          <li><strong>Text:</strong> Enter your chosen text into the field.</li>        </ul>      </li>      <li><strong>Text and icon: </strong>Both text and an icon are displayed.
        <ul>
          <li><strong>Replace icon:</strong> Click the <strong>Replace</strong> icon <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXdYS3kwMbc4ia4q2QmRHeMOxW0U6HfK1BfQy9H4SSaj97s84RoMIiSt88tFFu9ECNef7IpKSQPvsSEaBe76C4r8e3k26DzYqlshGN4NxEeHHSgr_sCMgBsOXlzAgJBL1hhTOoUKITCUpIEkZK0_Nc5ZinU6?key=dRllTO6NEoYu0-D1JuBE8A" /> to choose a new icon for the menu button. You can choose from a variety of free options available from Wix, or upload your own.</li>          <li><strong>Text:</strong> Enter your chosen text into the field.</li>        </ul>      </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/2024/08/02/9cffc3b3-6fbb-4fde-8573-9633b779d206/95bf9354-e3dc-4015-925b-bf1bf639eaf4.jpg" alt="The hamburger menu button settings panel. The cursor is hovering over the accessible name field." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-manage-your-menu-items" level="3">Step 3 | Manage your menu items</h2></div><div data-component-type="text"><div>Choose which items you want to show in the menu. If you <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-advanced-menus" target="">set the menu as advanced</a>, you can show and hide items from the Manage Menu panel. If you do not enable advanced menus, you can make the desired changes from the Site Pages panel.</div></div><div data-component-type="heading"><h2 id="" level="4">To manage your menu:</h2></div><div data-component-type="text"><ol>
  <li>Click the hamburger menu button on the page.</li>  <li>Click <strong>Edit menu</strong> to open the menu's container.</li>  <li>Select the menu items.</li>  <li>Click <strong>Manage Menu</strong>.</li>  <li>Use the options to manage the items:
    <ul>
      <li><strong>Add an item:</strong>
        <ol>
          <li>Click <strong>Add Menu Item</strong> at the bottom.</li>          <li>Select and set up the item type you want to add.</li>        </ol>      </li>      <li><strong>Hide / Show an item:</strong>
        <ul>
          <li><strong>Advanced menus:</strong>
            <ol>
              <li>Click the <strong>More Actions</strong> icon <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXej1mtmttGLqXgfmv-U4ANDMqrLpvbsQKU-t2owszr6ZM5gE3QV-c19g701oproQg0Y83xFEpFuNj5WYftDEvVXIhXJCPvkyFVB_ykM-58fURD164n9oZe9mfA_ilfPLw-swz7LMWoWbJehR8fj2RFCp5xF?key=dRllTO6NEoYu0-D1JuBE8A" /> beside the relevant item.</li>              <li>Click <strong>Hide from menu</strong> <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXfa_5PxZCnwUtVKHiDy6bB84x-HCHDLlUBNZpxkQRVKSsIs2Th0Vs5CQUA0Qa_yzdzvB1bLQ9l2E3RFalemAx7YXPI3mnrnL2pHKqk_JaNghusXuKV1rRI7_rW1RwikGoolLi9aarC7JX-pU3Iglh9a49Pb?key=dRllTO6NEoYu0-D1JuBE8A" />. <br />
<strong>Note:</strong> To show an existing item in an advanced menu, you need to add it using the previous steps (<strong>Add an item</strong>). </li>            </ol>          </li>          <li><strong>Regular menus:</strong>
            <ol>
              <li>Click the <strong>More Actions</strong> icon <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXej1mtmttGLqXgfmv-U4ANDMqrLpvbsQKU-t2owszr6ZM5gE3QV-c19g701oproQg0Y83xFEpFuNj5WYftDEvVXIhXJCPvkyFVB_ykM-58fURD164n9oZe9mfA_ilfPLw-swz7LMWoWbJehR8fj2RFCp5xF?key=dRllTO6NEoYu0-D1JuBE8A" /> beside the relevant item.</li>              <li>Click <strong>Hide from menu</strong> <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXfa_5PxZCnwUtVKHiDy6bB84x-HCHDLlUBNZpxkQRVKSsIs2Th0Vs5CQUA0Qa_yzdzvB1bLQ9l2E3RFalemAx7YXPI3mnrnL2pHKqk_JaNghusXuKV1rRI7_rW1RwikGoolLi9aarC7JX-pU3Iglh9a49Pb?key=dRllTO6NEoYu0-D1JuBE8A" /><strong> </strong>/ <strong>Show in menu</strong> <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXdMTzeqe6y7zdq2gTOq3v5OOg1b5_tm7vzYCbMCG2ZUp611PQwaXyqbZ0xaPFcI2tfqWyQIyCULlPen83HBXeJP6fRqkZkKnCcse5Eh8nZgrldNUANfaewsjf1uwrrczzT0GF_9Uigi9OEE1ZzFQK_l8II?key=dRllTO6NEoYu0-D1JuBE8A" />.</li>            </ol>          </li>        </ul>      </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/2024/08/02/1cf2a6ec-0061-4e2f-978d-4c8b35930b97/c91b94f0-e68e-41df-a8f1-0869cecae0e1.jpg" alt="The manage menu panel in a hamburger menu. The cursor has clicked add new item, and the options are displayed." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-4-set-up-the-container" level="3">Step 4 | Set up the container</h2></div><div data-component-type="text"><div>Use the container settings to choose how your site pages look and behave when visitors open the menu.</div></div><div data-component-type="heading"><h2 id="" level="4">To set up the container:</h2></div><div data-component-type="text"><ol>
  <li>Click the hamburger menu button on the page.</li>  <li>Click <strong>Edit menu</strong> to open the menu.</li>  <li>Click the container.</li>  <li>Click <strong>Settings</strong>.</li>  <li>Set up the container the way you want:
    <ul>
      <li><strong>Tap outside to close:</strong> Click the toggle to let visitors close the menu by clicking outside the container.</li>      <li><strong>Show background overlay:</strong> Click the toggle to display a background overlay on the site page when visitors open the menu.</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/2024/08/02/a971a48c-aeee-4cf2-889d-46e70828410a/118c70ac-4a4e-4538-989e-4f859b8047b6.jpg" alt="The settings of a hamburger menu container. The cursor is clicking the tap outside the close toggle." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">What's next?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-customizing-a-hamburger-menu" target="">Customize the design and layout of your hamburger menu</a> to make it look how you want.</div></div></div></div>

After adding and setting up your hamburger menu, customize its look and layout to complement your site. You can adjust the buttons, container, and menu items to look exactly how you want.Customizing t...

Wix Editor: Customizing a Hamburger Menu

<div data-component-type="text"><div>After <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-a-hamburger-menu" target="">adding and setting up your hamburger menu</a>, customize its look and layout to complement your site. You can adjust the buttons, container, and menu items to look exactly how you want.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-the-menu-buttons" level="3">Customizing the menu buttons</h2></div><div data-component-type="text"><div>Use the options to display how each button looks - the one visitors click to open the menu, and the one they click to close it.</div></div><div data-component-type="heading"><h2 id="" level="4">To customize the buttons:</h2></div><div data-component-type="text"><ol>
  <li>Select the hamburger menu in your editor.</li>  <li>Choose which button you want to customize:
    <ul>
      <li><strong>Menu button:</strong> Click the button.</li>      <li><strong>Close button:</strong>
        <ol>
          <li>Click <strong>Edit Menu</strong>.</li>          <li>Click the Close button in the container.</li>        </ol>      </li>    </ul>  </li>  <li>Choose how to customize the button:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Design the button</h4><div class="collapsible-content"><div>Click the <strong>Design</strong> icon <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXdr-0YbFsMKMpgyXwX4aW6pVhSA5QceDzWtZoFRkzNxUhtW--XyXgyzRp-10PRJXs_74Z5CAHl7NCmvzbp3Dl6YInwuISDarTvrPoVWOmI94f7jPBqHVeIdr3obnx7KS3utxnTl19AdeIEvfRvZw9j_dinA?key=dRllTO6NEoYu0-D1JuBE8A" /> to customize the button's look:</div><ul>
  <li><strong>Replace design:</strong> Select a new button design from the panel.</li>  <li><strong>Adjust design:</strong> Click <strong>Customize Design</strong> to further personalize the button:
    <ul>
      <li><strong>State:</strong> Choose the state you want to customize the button for (<strong>Regular</strong> or <strong>Hover</strong>).
        <ul>
          <li><strong>Background fills: </strong>Choose a color for the button, and make it more or less opaque.</li>          <li><strong>Text: </strong>Set the font, text size, color, and formatting for the button text.</li>          <li><strong>Borders: </strong>Add and customize a border on the button.</li>          <li><strong>Corners:</strong> Set the radius (in pixels) to make the button rounder, or more square.</li>          <li><strong>Shadows: </strong>Add and adjust a shadow on the button to give it a 3D effect.</li>          <li><strong>Layout: </strong>Make the padding around the button bigger or smaller.</li>          <li><strong>Icon:</strong> Set the size, color, and rotation of the button angle.</li>        </ul>      </li>    </ul>  </li></ul><div><br /></div><div><strong>Note:</strong> The available options depend on what you choose to display on the button - text, icon or both.</div><div><br /></div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/26/f992c07c-f607-45f4-a319-ecd63146b918/40c8a8bd-89db-4b4d-86dc-47397d454ef9.png" alt="The menu button design panel. The cursor is changing the color of the border fill." /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Adjust the layout and display</h4><div class="collapsible-content"><ol>
  <li>Click the <strong>Layout</strong> icon <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXcaWzf4kjx2lvgwy5QlyheNvgeLZAKyyOXoVUnqEBMeCxBkdkynmF9zrtJZmqaL4GYenBcup2wbID9i2Za9p1rOGHt7YhlHJnBwBqhrERB9pYTOrT67Pk-z1JhV3A0Tx-01ipTM7V10zLSJzcc5KYA8WGTE?key=dRllTO6NEoYu0-D1JuBE8A" />.</li>  <li>Select an option under <strong>Choose what displays: </strong>
    <ul>
      <li><strong>Icon only: </strong>Only the icon is displayed.</li>      <li><strong>Text only:</strong> Only text is displayed on the button.</li>      <li><strong>Text and icon: </strong>Both text and an icon are displayed.
        <ul>
          <li><strong>Icon position: </strong>Choose the position of the icon relative to the text - to the left, right, above, or below.</li>          <li><strong>Spacing between text and icon:</strong> Use the slider to make the spacing between the text and icon bigger or smaller.</li>        </ul>      </li>    </ul>  </li>  <li>Choose an option under <strong>Alignment</strong>: Left, right or center.</li></ol><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/08/02/0cac68b7-1032-42c0-b546-e96e78c465ae/280ab928-2a1e-4e8c-b1cd-7cf132bed215.png" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-the-container-and-overlay" level="3">Adjusting the container and overlay</h2></div><div data-component-type="text"><div>Choose the layout and set the background for the container that displays your menu items. If you <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-and-setting-up-a-hamburger-menu#step-4-set-up-the-container" target="">enable an overlay</a>, you can change and adjust its background to suit your design needs.</div></div><div data-component-type="heading"><h2 id="" level="4">To adjust the container and overlay:</h2></div><div data-component-type="text"><ol>
  <li>Select the hamburger menu in your editor.</li>  <li>Click <strong>Edit Menu</strong>.</li>  <li>Customize the container / overlay to your liking:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Adjust the container's size and layout</h4><div class="collapsible-content"><ol>
  <li>Click the <strong>Layout</strong> icon <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXcaWzf4kjx2lvgwy5QlyheNvgeLZAKyyOXoVUnqEBMeCxBkdkynmF9zrtJZmqaL4GYenBcup2wbID9i2Za9p1rOGHt7YhlHJnBwBqhrERB9pYTOrT67Pk-z1JhV3A0Tx-01ipTM7V10zLSJzcc5KYA8WGTE?key=dRllTO6NEoYu0-D1JuBE8A" />.</li>  <li>Choose what to adjust:
    <ul>
      <li><strong>Width: </strong>Choose how the container is stretched:
        <ul>
          <li><strong>Full screen:</strong> The menu container spans the full width of the screen.</li>          <li><strong>Custom:</strong> Use the drag handles to make the container bigger or smaller.</li>        </ul>      </li>      <li><strong>Alignment:</strong> Set the container's alignment to the left, center, or right.</li>    </ul>  </li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Design the container</h4><div class="collapsible-content"><ol>
  <li>Click the <strong>Design</strong> icon <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXdr-0YbFsMKMpgyXwX4aW6pVhSA5QceDzWtZoFRkzNxUhtW--XyXgyzRp-10PRJXs_74Z5CAHl7NCmvzbp3Dl6YInwuISDarTvrPoVWOmI94f7jPBqHVeIdr3obnx7KS3utxnTl19AdeIEvfRvZw9j_dinA?key=dRllTO6NEoYu0-D1JuBE8A" />.</li>  <li>Choose how to customize the container's look:
    <ul>
      <li><strong>Background fills</strong> <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXcpvgKDwZdHW7-u4g-YVP3sQkNPLRplF8YPfgZAU-VRMCZw8Cu3t_flt0fSz8psWT84iLfKyM1EcryDmJyPmag2cw96kqqktIifLHZ0dOorfpMq34ASEQjJV_t8qql5X1GWcIGXbuKUznb3CcwZu9bawnA?key=dRllTO6NEoYu0-D1JuBE8A" />: Set your container background, and adjust it as needed. You can add a color, gradient, or image.</li>      <li><strong>Borders</strong> <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXe7Qcch83BJYFqTCkRX__FrdCorwSf6tPA0F9N-9qFEAlx6NP3ccMDBqyCf_Kepcf_pfXmei8mSm_da-cPr8KFbGpqeW8df3kNYBl9BfzbFND3IUpv6cN-uNxNLBRh_y0K_c_cBiJy0OWyQG0bdk9f1OYU?key=dRllTO6NEoYu0-D1JuBE8A" />: Add and customize a border. You can choose a fill and style, and set the width (px).</li>      <li><strong>Corners</strong> <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXeAefn4aydWiwuVEar3MzRbOQZMPVWFo2C-LFFtAUiPXbKwTkHOkVOZXqhk_-DxsjDWnlGaPAkJTtdU3eW_Fz_rptI07fgWd9jigngACs1VTFj3P6s-sDGEbm1HxJsUUqyaeiiEZcyZqGpqrMr3FHc1PECC?key=dRllTO6NEoYu0-D1JuBE8A" />: Enter the radius (px) to make the container's corners rounder, or more square.</li>      <li><strong>Shadows</strong> <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXeQXE-_ogBkyrhuCBvsIZ2Soc4W80_e7jQDzgcNpvPFxdhtbBhmh1vzZ2A1v1pOJzCV9i7IT0YXeOF7cHg-ZhnqUjBuoq86_hHr-0M6cI7qzHZiXM0RvvrnLka2Ms2DdCiEOuW1KWmdZff8GDuYU1HjJKw?key=dRllTO6NEoYu0-D1JuBE8A" />: Add a shadow to give the container a cool 3D effect. You can set the angle, color, size, and more.</li>    </ul>  </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/2024/08/02/6065ac9d-df29-4f9d-919c-af5a5e3b4ec3/702505ab-705d-4779-bc2e-53e60b3d74b9.png" alt="The menu container design panel. The cursor is hovering over the background fill color box." /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Customize the overlay</h4><div class="collapsible-content"><ol>
  <li>Click anywhere on the overlay to customize its design.</li>  <li>Click <strong>Change Overlay Background</strong>.</li>  <li>Choose an overlay type:
    <ul>
      <li><strong>Color:</strong> Select a color or gradient for the overlay and set the opacity. </li>      <li><strong>Image:</strong> Set an image as the overlay background. You can use free images available from Wix, or upload / add your own.</li>      <li><strong>Video:</strong> Set a video as the overlay background. You can choose a stock video, or upload your own.</li>    </ul>  </li>  <li>(Optional) Click <strong>Settings</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXe4lLVtAcOu46dmGvmfsIwnTmCPfb3TnR54d1b32kwFG-dbcg_iHuZQQaIxGQkuEi49ctp8P9JdMqv-aYJMIP1aT0Fd_3zGtxzZyarkqQf1p0KmvtD3PMCEsAV5t_0GPEKgKHeFeE6llcAynY-TA9drcEg?key=dRllTO6NEoYu0-D1JuBE8A" /> to adjust the overlay's opacity and additional settings.<br />
<strong>Note: </strong>The available settings depend on the overlay type. For example, you can set the play speed for videos, set scaling and positioning for images, etc. <br />
<br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/08/02/69230f14-90f1-495c-bff8-72487fcf95cd/81333fe0-22ff-4900-a089-89cf287d1d5c.png" alt="The image settings for an overlay background. The cursor is changing the opacity of the color behind the image." /></li></ol></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="designing-the-menu" level="3">Designing the menu </h2></div><div data-component-type="text"><div>Customize the look of the menu itself to complement your site's overall theme. You can change the alignment and structure, as well as the design of the menu items.</div></div><div data-component-type="heading"><h2 id="" level="4">To design the menu:</h2></div><div data-component-type="text"><ol>
  <li>Select the hamburger menu in your editor.</li>  <li>Click <strong>Edit Menu</strong>.</li>  <li>Click the menu items.</li>  <li>Choose how you want to adjust the menu:
    <ul>
      <li><strong>Layout:</strong> Click the <strong>Layout</strong> icon <img data-composite="true" src="https://lh5.googleusercontent.com/BEc2-NlydCYLgbmwZdAA6cGoq-T-7apEmQmhlgI4yC6OhLbD8cP-mgkMLsuI23UJ1Nhb9bLQQhaicH6fKAOh3BqTWqQpXiT3JJ3F15-NPpxttM_v4Df3ESCvslkBd_B1E3fQ3UIB" /> and choose from the following options:
        <ul>
          <li><strong>Text alignment:</strong> Select whether the menu text is aligned to the left, right, or center.</li>          <li><strong>Dropdown menu arrow position:</strong> Select whether the dropdown menu arrow is to the left or right of the menu text.</li>        </ul>      </li>      <li><strong>Design:</strong> Click the <strong>Design</strong> icon <img data-composite="true" src="https://lh4.googleusercontent.com/4O8XC2DBehwJKcPpek4YdvPZFUcQfbQiK6vOyYtovzErBWB_HjLgWHG1aekjaqsK1EUhkZ_Wpu_Iff8fipzak6hfFJ_bI7uK5qFEE_GbfxSgIiFMgoPlJbrlWz5aoLxrPxaoftXQ" /> and customize the menu how you want:
        <ol>
          <li>Choose the menu state you want to customize (<strong>Regular</strong> or <strong>Selected</strong>).</li>          <li>Adjust the design using the options:
            <ul>
              <li><strong>Fill color and opacity </strong><img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXcpvgKDwZdHW7-u4g-YVP3sQkNPLRplF8YPfgZAU-VRMCZw8Cu3t_flt0fSz8psWT84iLfKyM1EcryDmJyPmag2cw96kqqktIifLHZ0dOorfpMq34ASEQjJV_t8qql5X1GWcIGXbuKUznb3CcwZu9bawnA?key=dRllTO6NEoYu0-D1JuBE8A" /><strong>:</strong> Choose the menu's fill color and adjust its opacity.</li>              <li><strong>Border </strong><img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXe7Qcch83BJYFqTCkRX__FrdCorwSf6tPA0F9N-9qFEAlx6NP3ccMDBqyCf_Kepcf_pfXmei8mSm_da-cPr8KFbGpqeW8df3kNYBl9BfzbFND3IUpv6cN-uNxNLBRh_y0K_c_cBiJy0OWyQG0bdk9f1OYU?key=dRllTO6NEoYu0-D1JuBE8A" /><strong>:</strong> Adjust the menu's border width and color.</li>              <li><strong>Shadow </strong><img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXeQXE-_ogBkyrhuCBvsIZ2Soc4W80_e7jQDzgcNpvPFxdhtbBhmh1vzZ2A1v1pOJzCV9i7IT0YXeOF7cHg-ZhnqUjBuoq86_hHr-0M6cI7qzHZiXM0RvvrnLka2Ms2DdCiEOuW1KWmdZff8GDuYU1HjJKw?key=dRllTO6NEoYu0-D1JuBE8A" /><strong>:</strong> Add a shadow, and adjust its angle, size, blur, color, and distance.</li>              <li><strong>Text </strong><img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfefjRQEA_Vrw2dD5jiQbgVtFFU2MKQ-9ptzjgcS0DLoQIjYh6YW_EvWGaDq8vB0_06POcVqv-da5psKu2AED8hPKdJhOuc35pLTCUz9x4ZwK4vj0Yux3-Nj3dWaFe8S64EOuel3AbMVqKN9-u9KTSuSi5H?key=dRllTO6NEoYu0-D1JuBE8A" /><strong>: </strong>Edit the menu's text settings, such as font, size, and format.</li>              <li><strong>Spacing </strong><img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXc8Mms_-SvrQ1T5yEfGE-7XOtVGYL2p37D0fcV5-T4Y2B1tKrgWKwlV43iZTA_Q21k-dtK2p8wTLquGelpMOfnJSAnSSibeOmpYqypG3r8VAIbMcnG_XLQv0JcgEbposCabOe59aPTBxpBnBfWwELjOL-5b?key=dRllTO6NEoYu0-D1JuBE8A" /><strong>:</strong> Adjust the menu's spacing and offset using the sliders.</li>            </ul>          </li>        </ol>      </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/2024/08/02/2b477466-f561-4257-83b2-e0ec4ab7b9ec/9d65436e-bb61-44db-9812-32c5d059cce0.jpg" alt="The design panel of a hamburger menu. The text tab is open. The cursor is dragging the font size slider." /></div></div>

If you place a menu folder/ subpages menu above the middle line of the page, it will open downward, whereas if you place it below the middle line, it will open upward.Currently, there is no way to con...

Wix Editor Request: Changing the Direction of a Dropdown or Subpage Menu

<div data-component-type="text"><div>If you place a menu folder/ <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-creating-a-subpage-drop-down-menu" target="">subpages</a> menu above the middle line of the page, it will open downward, whereas if you place it below the middle line, it will open upward.</div></div><div data-component-type="text"><div>Currently, there is no way to control whether your drop-down menu opens upward or downward, other than re-positioning it on your page (i.e. above the middle line or below it).</div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

When you hover over a menu button, the header menu and any subpages you have open automatically.Currently, it is not possible to change this behavior so that the subpages menu only opens when clicked....

Wix Editor Request: Clickable Dropdown/Subpages Menu Items

<div data-component-type="text"><div>When you hover over a menu button, the header menu and any <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-creating-a-subpage-drop-down-menu" target="">subpages</a> you have open automatically.</div></div><div data-component-type="text"><div>Currently, it is not possible to change this behavior so that the subpages menu only opens when clicked.</div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated. </div></div>

Currently, the font size for both the main items and subpage items are the same.It is not possible to change the font size of the subpage items without it affecting the main menu items.We are always w...

Wix Editor Request: Changing the Font Size of Subpage Items in a Menu

<div data-component-type="text"><div>Currently, the font size for both the main items and subpage items are the same.</div></div><div data-component-type="text"><div>It is not possible to change the font size of the subpage items without it affecting the main menu items.</div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

Currently, a page tabs feature is not supported.This feature would allow your site visitors to use the tabs to navigate to different information within one page, and all the tabs would have the same p...

Wix Editor Request: Page Tabs

<div data-component-type="text"><div>Currently, a page tabs feature is not supported.</div></div><div data-component-type="text"><div>This feature would allow your site visitors to use the tabs to navigate to different information within one page, and all the tabs would have the same page URL. </div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated. </div></div>

Currently, if a menu item with subpages is placed under the More item, the subpages do not appear.We recommend rearranging your menu so that menu item with subpages are not placed under the More item ...

Wix Editor Request: Showing a Subpage Menu Under the More Item

<div data-component-type="text"><div>Currently, if a menu item with subpages is placed under the <strong>More</strong> item, the subpages do not appear.</div></div><div data-component-type="text"><div>We recommend <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-managing-your-sites-pages" target="_blank">rearranging your menu</a> so that menu item with subpages are not placed under the More item (i.e., place them towards the beginning of your menu).</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 want to stretch your menu to full width, check how it appears within the gridlines <strong>before you stretch it</strong>.</div></div></div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

Currently, a vertical menu that expands when it is hovered over is not supported.We are always working to update and improve our products, and your feedback is hugely appreciated.

Wix Editor Request: Vertical Menu that Expands on Hover

<div data-component-type="text"><p>Currently, a vertical menu that expands when it is hovered over is not supported.</p></div><div data-component-type="text"><p>We are always working to update and improve our products, and your feedback is hugely appreciated.</p></div>

When you click a page on a drop-down menu, the drop-down menu does not automatically disappear.We are always working to update and improve our products, and your feedback is hugely appreciated.

Wix Editor Request: Disappearing Drop-down Menu

<div data-component-type="text"><div>When you click a page on a drop-down menu, the drop-down menu does not automatically disappear.</div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is hugely appreciated.</div></div>

Currently, you cannot create a dropdown menu for your site using images or icons.We are always working to update and improve our products, and your feedback is hugely appreciated.

Wix Editor Request: Creating a Dropdown Menu with Images or Icons

<div data-component-type="text"><p>Currently, you cannot create a dropdown menu for your site using images or icons.</p></div><div data-component-type="text"><p>We are always working to update and improve our products, and your feedback is hugely appreciated.</p></div>

Currently, the menu item is not highlighted when a subpage below it is clicked.We are always working to update and improve our products, and your feedback is hugely appreciated.

Wix Editor Request: Highlighting the Menu Item when a Subpage is Clicked

<div data-component-type="text"><div>Currently, the menu item is not highlighted when a subpage below it is clicked.</div></div><div data-component-type="text"><p>We are always working to update and improve our products, and your feedback is hugely appreciated.</p></div>

Currently, you cannot split menu items on to more than one line. All items are displayed in one line, and a &quot;More&quot; item is displayed if they do not fit.You can remove the 'More' menu item by...

Wix Editor Request: Splitting Menu Item Text Over Several Lines

<div data-component-type="text"><div>Currently, you cannot split menu items on to more than one line. All items are displayed in one line, and a &quot;More&quot; item is displayed if they do not fit.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">You can remove the 'More' menu item by doing one of the following:</div><div class="info-content"><ul>
  <li>Rename the 'More' menu item with a title that is not language-specific (such as three dots): 
    <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 your menu.</li>      <li>Click the <strong>Layout</strong> icon <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2024/11/18/7c6454b6-6dc3-4d52-978f-8abe4a2274ce/eafd22c6-130d-4f11-9ab1-46a96554907e.png" />. </li>      <li>Change the text under <strong>Show an item that says</strong>. </li>    </ol>  </li>  <li><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-stretching-an-element-to-full-width" target="">Stretch the menu</a> to display all site pages.</li>  <li>Add a menu folder and move the additional pages to this folder. You can translate the folder name.</li></ul></div></div></div><div data-component-type="text"><p>We are always working to update and improve our products, and your feedback is hugely appreciated.</p></div>

Currently, you cannot customize the amount of time that subpages in a drop-down menu are displayed for.We are always working to update and improve our products, and your feedback is hugely appreciated...

Wix Editor Request: Customizing the Display Time of Subpages in Your Menu

<div data-component-type="text"><p>Currently, you cannot customize the amount of time that subpages in a drop-down menu are displayed for.</p></div><div data-component-type="text"><p>We are always working to update and improve our products, and your feedback is hugely appreciated.</p></div>

Currently, it is not possible to add a menu that has been designed and built specifically for your site footer. As an alternative, you can add a site or anchor menu to your footer, and customize its d...

Wix Editor Request: Adding a Footer-Specific Menu

<div data-component-type="text"><div>Currently, it is not possible to add a menu that has been designed and built specifically for your site footer. </div></div><div data-component-type="text"><div>As an alternative, you can <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-a-site-menu" target="">add a site or anchor menu</a> to your footer, and customize its design to look different to any additional menus you have on the page. </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>If you have more than one site menu on your page, any changes you make to the items in one menu affect the others. For example, if you hide a page from the menu in the header, it is also hidden from the menu in the footer, and vice versa.</div></div></div></div><div data-component-type="text"><div>We are always working to update and improve our products, and your feedback is greatly appreciated.</div></div>

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

Using the Wix Editor

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.

Managing pages and menus

Pages

Menus