Website Building » Wix » How Do I Create a Vertical Menu in Wix?

How Do I Create a Vertical Menu in Wix?

Last updated on January 3, 2023 @ 7:55 pm

There are two ways to create a vertical menu in Wix. The first way is to use the Wix Editor. To do this, simply click on the “Add” button in the left sidebar, and then select “Menu” from the drop-down list.

This will add a menu to your page. You can then use the “Edit” button to change the menu’s items, colors, etc. The second way is to use Wix Code. With Wix Code, you can create a vertical menu by adding the following code to your page:

GREAT NEWS:

Exciting update! We've collaborated with Wix to offer WBI users with a free plan for all website creation needs - Explore the details here.

<style>
#mymenu {
  width: 100%;
  height: 40px;
  background-color: #333;
  text-align: center;
}

#mymenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#mymenu li {
  display: inline-block;
}

#mymenu a {
/* For IE 10 */
/* Make sure that float and left are supported by your browser */
float: left; width: 20%; height: 100%; line-height: 40px;
text-decoration: none; color: #fff; text-align: center;
}</style><div id="mymenu">
<ul> <li><a href="#">Home</a></li>
<li>"About"<"Services"<"Contact Us"<"/ul>" <"/div>"

You can also style your text using the <b> and <u> tags. For example, you can make your text bold by using the <b> tag like this:

<b>This text is bold.</b>

You can also underline your text using the <u> tag like this:

<u>This text is underlined.</u>
PRO TIP: The following article contains instructions on how to create a vertical menu in Wix. However, it is important to note that this will only work if your Wix template supports it. Otherwise, you may end up with a broken menu.
Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.