Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

General Questions

General questions about getting started with SilverStripe that don't fit in any of the categories above.

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w

can the main navigation menu be moved to a left vertical column


8 Posts   1310 Views


22 February 2011 at 4:26am (Last edited: 22 February 2011 4:27am), Community Member, 7 Posts


My friend works in a small school for people with special education needs. I set up a static website for him a couple of years ago (above). He now wants to manage the content himself.

So I want to set up a CMS for the site. Problem is i'm an amature at this but persistent and what to know if its possible to find a solution to my problem.

I want the main navigation to be on the left hand side of the page displayed vertically. Problem is, can it be done? if so how?

I tried giving it a go in wordpress but encountered the same problem:


22 February 2011 at 4:51am Forum Moderator, 1796 Posts

Hi Kevnolan,

Assuming you have a basic installation - edit the following to change the menu location and appearance...

themes\blackcandy\templates\ <-- note it's in a div, so there is probably css to edit too...



22 February 2011 at 5:10am Community Member, 7 Posts

Thanks for the reply, I'll give it a go.


22 February 2011 at 5:58am Community Member, 7 Posts

Ok, So i've made the following changes:

#Navigation {
   width: 100px;
   margin: 0 auto;
   padding-top: 100px;
   overflow: hidden;
   background: #4ea3d7 url(../images/headerRounded.gif) no-repeat center bottom;

1) reduced width from 768 to 100px
2) added a 'float:left'

I suppose thats a step closer can anyone give me any other pointers?

Attached Files

22 February 2011 at 11:04am Forum Moderator, 1796 Posts

check out...


that does <% control Menu(2) %> if you used this code qith <% control Menu(1) %> and always included this template
(i.e. removed <% if Menu(2) %> from \themes\blackcandy\templates\Layout\ ) that might do it


22 February 2011 at 9:10pm Community Member, 7 Posts

If you mean edit and change: <% control Menu(2) %>

to <% control Menu(1) %>

that doesn't change anything.

Thanks for trying though.


22 February 2011 at 10:07pm Community Member, 141 Posts

^^ in addition,
you should change every <% if Menu(2) %> in \themes\blackcandy\templates\Layout\
to <% if Menu(1) %>

And don't forget to flush your cache after template changes.



22 February 2011 at 10:25pm Forum Moderator, 1796 Posts

that doesn't change anything.

did you also remove <% if Menu(2) %> from \themes\blackcandy\templates\Layout\ ?

Otherwise that "SideBar" will only be shown when your pages have children (i.e. If Menu Level 2 exists, then show side bar)...