Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Planning site navigation

Featured Replies

I need some help to sort out navigation issues around the design of my website.

 

Right now I have a layout, but my problem is more of how I will present navigation to all the content that I will eventually have. I plan to have 30 odd pages within the first 2-3 months, but expect it to rise rapidly to 100 pages and even more and my issue so far is determining how will I make sure everyone knows where all of that juicy content can be found.

 

How can I achieve this without burying pages too deep in the file hierarchy?

 

So for I have a 2 column layout with a central horizontal navigation bar. The bar along with the left column from the layout is where I intend to have all navigation.

 

The problem is there are two main categories of information so naturally I am thinking of using the horizontal bar to split those two categories with links there, but then one of the two categories will contain about 80% of all future content so THAT category's left column may stretch down a far way if it were to "host" 100 odd articles.

 

Any ideas here?

I can see what you mean. If you used a horizontal drop down menu, one tab might have just two or three drop down links while the other would have fifty or a hundred. The drop down list might have so much height that it went down below the bottom of the window where you couldn't see it.

 

A fly-out menu from the left would also have problems showing a lot of links.

 

However, if you use a multi-column drop down menu like

http://www.cssplay.co.uk/menus/multi-column.html'>http://www.cssplay.co.uk/menus/multi-column.html

you can show lots of links without using too much height.

 

There may be more of these menus here

http://www.cssplay.co.uk/menus/

A large web2.0 style footer will also be useful. and in the left navigation i would suggest Accordion menu

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.