Website Building » Wix » How Do I Edit My Subpage Menu on Wix?

How Do I Edit My Subpage Menu on Wix?

Last updated on January 7, 2023 @ 7:11 pm

If you want to change the way your subpage menu looks on Wix, there are a few different ways you can go about doing it. One way is to use the Wix Editor. To do this, simply click on the menu icon in the left-hand panel, and then click on the “Edit” button.

Another way to change the look of your subpage menu is to use HTML. To do this, you’ll need to add a few lines of code to your site’s HTML code. Here’s how you can do it:

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.

PRO TIP: If you are not careful when editing your subpage menu on Wix, you could accidentally delete important pages or links from your website.

1. Go to your site’s HTML code and find the section that starts with “<!-- Start of Subpage Menu -->“.

2. Add the following code after that section:

<style>
#subpages-menu {
background-color: #fff; /* Change this to the color you want */
border-bottom: 1px solid #ccc; /* Change this to match your menu's border */
}
#subpages-menu ul {
list-style-type: none; /* Remove bullets from list items */
margin: 0; /* Reset margins */
padding: 0; /* Reset paddings */
}
#subpages-menu li {
display: inline-block; /* Make list items display horizontally */
margin: 0 10px; /* Add spacing between list items */
}
#subpages-menu a { /* Style links in the menu */
text-decoration: none;
color: #000;
padding: 10px 15px;
font-weight: bold;
}
#subpages-menu a:hover {
color: #ccc;
}
</style>

3. Save your changes and preview your site to see the new subpage menu.

Dale Leydon

Dale Leydon

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