Despite there being many reasons for not using the default nav-bar in iWeb, it is still the easiest way to get navigation onto your iWeb site. I have been asked several times recently how to get a vertical nav-bar appearing on the side of your iWeb site rather than the basic horizontal one.
If you follow this simple tutorial you can get a vertical nav-bar in no time at all.
Before you create your vertical nav-bar however there is a little warning I must give. You will have to do a fair bit of moving around of the elements on your iWeb site to make the nav-bar fit. If you look at the majority of the iWeb themes you will see many of them are left-aligned.
This means that when you move your horizontal nav-bar and make it a vertical one, you are going to have to make space.
So let’s get on with it; Open up iWeb and go to the page where you want your vertical nav-bar to appear on. Here you can see the default nav-bar appearing at the top of this iWeb page.
If you click on the nav-bar between the links then the ‘handles’ will appear at either end.
Select one of these handles (I chose the right-hand side) and drag it to the left (or right) until the nav-bar is vertical.
Now you will see that your iWeb header area has grown to fit the vertical nav-bar. This is where you have to do a bit of rearranging. Start dragging and dropping items into your header area (you may have to hold down the Cmd key whilst you do it) so that your page starts to take shape.
And there you have it. Creating the nav-bar is easy enough, it’s the moving around of all your page elements that cause a bit of hassle.