Page 2 of 2
Re: CSS Based Menu drop down
Posted: Tue Mar 27, 2012 10:45 pm
by 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?!
Re: CSS Based Menu drop down
Posted: Wed Mar 28, 2012 9:20 am
by 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
Re: CSS Based Menu drop down
Posted: Wed Mar 28, 2012 2:37 pm
by 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?
Re: CSS Based Menu drop down
Posted: Wed Mar 28, 2012 2:41 pm
by eddyndm
It works fine if i put the original code back for the menu, i will remove CSSMenu.js and see what happens
Re: CSS Based Menu drop down
Posted: Wed Mar 28, 2012 2:41 pm
by Wishbone
Sorry.. I just edited my post above, apparently after you read it and posted.
Re: CSS Based Menu drop down
Posted: Wed Mar 28, 2012 2:53 pm
by 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
Re: CSS Based Menu drop down
Posted: Wed Mar 28, 2012 2:56 pm
by Wishbone
I've sent you a PM
Re: CSS Based Menu drop down
Posted: Wed Mar 28, 2012 3:02 pm
by eddyndm
Replied, many thanks
Re: CSS Based Menu drop down
Posted: Wed Mar 28, 2012 7:24 pm
by 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.
Re: CSS Based Menu drop down[SOLVED]
Posted: Thu Mar 29, 2012 7:20 am
by eddyndm
Many thanks Wishbone!
Worked fantastic, as did the # href item
Thankyou again!
