Two Menus in the same page

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
guitresan
New Member
New Member
Posts: 9
Joined: Wed Oct 29, 2008 6:31 pm

Two Menus in the same page

Post by guitresan »

Hi everybody at the forum, I really need your help.

I am coding a website that uses two differen menu at the same page, the idea is that the first one use a horizontal template and the second one uses a vertical template, and both of the display different info.

I used the instructions in this post http://themes.cmsmadesimple.org/menu_manager_options.html and everything goes fine with the exception that both menus are horizontal.

I tried this on the template:

Code: Select all

<div id="menu_horizontal">
<h2 class="accessibility">Navigation</h2>
{menu number_of_levels="2"  template='cssmenu.tpl'}
<hr class="accessibility" />
</div>

<div class="menu_vertical">
<h2 class="accessibility">Secondary Navigation</h2>
{menu start_level="3" number_of_levels="4" template='cssmenu2.tpl'}
</div>
but I am unable to make the menu-vertical vertical.... the stylesheet does not respond to my modifications. What can I do? Any idea?

Thanks!!!!!
liudaz

Re: Two Menus in the same page

Post by liudaz »

Ok, the first thing what i would do is import the menu templates into the database, that way you would be able to modify them from the CMS admin panel.

Secondly, i would check if both of the menu lists do not have the same id's or classes. F.e. usually it would be something like this .....

The reason why both of the menus are horizontal is because of the CSS.
CSS property display:inline; makes it horizontal.

Hope it helps and let us know how it turns our.

Liudas
Post Reply

Return to “Layout and Design (CSS & HTML)”