I am working on a website which is learning content based and I am planning to have two sidebars, one for the main navigation and other for the table of contents.

Is that okay to have two or three sidebars on a website?

  • Two sidebars next to each other, or one sidebar on every side? Whatever you do, don't forget the mobile design. Sidebars are really good for many cases, but are a real pain in mobile view.
    – Shahriar
    Dec 25, 2021 at 10:52

3 Answers 3


Have a look at the stackexchange layout:

  • the main part of the screen is taken by the most interesting (at the moment) content - the questions or a particular question;
  • to the right (as we are in the LTR layout) you find some related stuff - related questions, hot network questions and so on
  • on the top (fixed location) there are the "permanent" controls like tags, users, badges etc.

So it is ok to have more than one "sidebar" (or menu bar, to be more specific) on a website.

I have seen some layouts where there are two sidebars next to each other (more than two I haven't seen). Those that felt pleasing were the ones where the context was changing gradually, e.g. from the most specific (current subject) through something more general to the page's top-level navigation (permanent stuff).

Make sure that the user has some visual clue where they are on the page and also that the size of the panes reflects the areas of focus (e.g. 50% of the width for the current topic, 30% for the context navigation, 20% for the general navigation).

  • Usually when people say "sidebar" they are not referring to a top menu -- The "side" part of the name is significant. Nov 15, 2017 at 0:12

I believe there are better solutions than just increasing the number of sidebars. Users prefer one place to look for all navigation, so it will be better to improve a single sidebar which can accommodate your requirements as well as provide the easy UX which users need.

Why do we use side-bars?

The use of sidebar is to provide navigation to the user, The links in side-bar are just one or two words which keeps it compact and simple. If you have sentences in the sidebar, it will make navigation complex. So be clear about the concept of the sidebar, if anything doesn't fit into this concept, don't create a sidebar for it.

How to tackle the need for multiple sidebars with just one sidebar?

You can do something like this.

I don't know if you will call this a side-BAR but it's more of side-Page. Here you can provide all navigations and links without any headache of limited space.

enter image description here

So According to me, your solution is not multiple sidebars but a Side-page.

For the part of your question that is it okay to have multiple sidebars?

Yes, it is okay, if you want okay kind of user experience. For a satisfying user experience, you need to think more in this example's direction.

Hope it helps :) Cheers.


Why use 2 sidebars ? For one million reasons !

  1. Left sidebar has the TOC or Table of contents
  2. Content is in the middle
  3. Right sidebar has the ADS to make some mones-mones (pronounced mo-neh-es)
  • more 999.999 other reasons to add some extra real estate to a boring 1 sidebar world!

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.