CMS Made Simple Forums

Using 1.10.2 and
{menu number_of_levels="1" template="minimal_menu.tpl"}

I have a vertical menu wih some Section Headers. I want to indent only the pages that come under the Section Headers and not the Home page and others.

I can do this easily in HTML but not sure how to do this in CMSMS.

Thanks

You could grab section headers in menu template and apply a style to them.
Example: Try to use the class "sectionheader" which is already defined in default menu template.

Thanks nervino

Am not too familiar with editing templates if indeed that is what I am meant to do here. I can't even see where I can open the template I am using for the menu.

I have tried in the CSS:

.nav .sectionheader {padding-left: 10px;} but that just indents the actual section header which is not what I want as the links below don't move with the sectionheader.

I tried .nav .sectionheader ul li a but that didn't work and also
.nav ul li a .sectionheader.

Thanks.

Try...

.sectionheader li {margin-left: 10px}

Thanks Dr.CSS but it didn't work.

Tried .nav .sectionheader and just .sectionheader with li, li a and ul li a.

It really helps to have a link to the page in question...

Sorry!

http://westwebtest.com/wood

You don't have any children under the section headers they are just section separators...

You either need to customize the menu to add a page alias class or...

Thanks ! Yes, I did read something about child classes in the Documentation for menus - will go back and see if I can understand it this time, now that I know what is required

Thanks!

I would just put all the ones under the section header as children under the sectionheaders then doing what you want with CSS is easy, like I posted earlier...

So even though the section headers are not pages, I make them the parent of the individual pages? Is that what you are saying?
I don't think that is what you meant as it wouldn't work.

Or add something to the menu template? Not sure what though.

Yes, that way you can target them, that's actually the idea behind section headers...

I think our posts crossed - what is it that I should be doing - I don't know php so don't know what to put in the template...

In admin of site go to Content > Pages and hit the reorder pages link, move the pages under the section headers where wanted, hit submit...

Yes just noticed that and have fixed it