CSS Based Menu drop down

[eddyndm]

Hey guys thanks for all your helping, really appreciate it.

I have changed it to this :

Code: Select all

<ul>
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="<ul class="sub-menu">" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}
{repeat string="</li></ul>" times=$node->prevdepth-$node->depth}
</li>
{elseif $node->index > 0}</li>
{/if}

If you look at http://artemis-pmo-solutions.com/index.php you'll see the Services menu still doesnt work and now has a " after it, am i doing something majorly wrong here?!

[eddyndm]

Hey guys thanks again for replies, this is starting to become harder than i thought.

I reset everything back to standard and put my standard original menu back in, reset all layouts/templates/menus and then altered the menu from

Code: Select all

<div id="navigation">
					<ul>
						<li class="current_page_item first"><a href="index.html">HOME</a></li>
						<li><a href="#">ABOUT US</a></li>
						<li><a href="#">OUR SERVICES</a>
							<!-- secend level sub menu -->
							<ul class="sub-menu">
								<li><a href="two-columns-portfolio.html">SERVICE 1</a></li>
								<li><a href="three-columns-portfolio.html">SERVICE 2</a></li>
								<li><a href="four-columns-portfolio.html">SERVICE 3</a></li>
								<li><a href="five-columns-portfolio.html">SERVICE 4</a></li>
							</ul>
							<!-- / secend level sub menu -->
						</li>
						
						
						<li><a href="contact-us.html">CONTACT US</a></li>
					</ul>
				</div>

To {menu} and still doesnt work. I had tried the 'services' page as Content and set it to Section header, and still doesnt work.

The href for the title of a drop needs to be # but CMSMS is putting it as index.php?page=services, is there anyway i can set it to #?

Many thanks

[Wishbone]

In IE, I'm still getting an error on CSSMenu.js. On the site that worked, http://r3ality.co.uk/test/index.html, there is no reference to this script.

I would remove the CSSMenu.js reference.

I'm assuming that it needs to be a link, while a section header isn't. I think you're changing too many things at once. Put it back to a regular content for now.. We can help you link to '#' once you get it working.

What happens when you remove {menu} and replace it with the menu from ThemeForest template?

[eddyndm]

It works fine if i put the original code back for the menu, i will remove CSSMenu.js and see what happens

[Wishbone]

Sorry.. I just edited my post above, apparently after you read it and posted.

[eddyndm]

Ok its all back to standard, i have replaced the regular menu layout with {menu} and set the menu manager to use simple navigation

How do i set the services menu item to have a href of #?

Thanks for your help

[Wishbone]

I've sent you a PM

[eddyndm]

Replied, many thanks

[Wishbone]

OK.. Got it working. Set 'minimal_menu.tpl' to be the default. simple_navigation.tpl adds 'class="parent"' to the "Our Services" link, which breaks the javascript for some reason, minimal.tpl doesn't do this (and also gets rid of the <span></span> around the menu items)

If you want to set the parent to be <a href="#"> then do the following:

set content type of "Our Services" to be Section Header. The issue is that this is now no longer a link, and the click-to-expand no longer works.

You will have to clone the minimal_menu.tpl template, and set it to default.

Change:

Code: Select all

{elseif $node->type == 'sectionheader'}
<li class="sectionheader">{$node->menutext}

to

Code: Select all

{elseif $node->type == 'sectionheader'}
<li class="sectionheader"><a href="#">{$node->menutext}</a>

See it at: http://artemis.teamwishbone.com/

tested in Chrome, IE and FF.

[eddyndm]

Many thanks Wishbone!

Worked fantastic, as did the # href item

Thankyou again!