Add a Separator to website navigation

Many times, you might want to add a Separator like ( -, or * or just a blank char space) in your website’s navigation that does not link to any web page.

You can accomplish any of the above by adding a Separator.

In this article:

  1. Ways you can use a separator.
  2. Add a Separator.
  3. Duplicate a Separator.

Ways you can use a separator:

  1. You can use the separator to classify the menu items this way:

Check a demo website.

  1. You can also use it to display a phrase in your website header:

Check a demo website.


Add a Separator

  • Enter add separator (1) in the Search Bar.
  • You will see the related results.
  • Click on the Add Separator option (2) under Actions. 

  • This will open up a screen that lets you choose the different types of pages that you can add to your website.
  • Click on the Separator option as shown in the image below.

  • You would see a new separator (1) added at the bottom of the menu items.
  • You can specify the character/symbols (2) which you want to add as a separator in your site navigation.
  • Hit the Save (3) button to publish it on the live site.

That’s it. Now you can easily sequence this in site navigation by simple drag-and-drop.

If you want to add more Separators, then simply add them by following all the above steps again or duplicate the separator.


Duplicate a Separator

  • Go to the Website (1) section, hover on the separator you want to duplicate, and click on the three vertical dots (2) on the right.
  • Now, you will have the option to Duplicate (3) the separator.


Can't find what you're looking for?

Get in touch with a Pixpa Expert.