Menu active error

[JAQ]

Hi there

Excuse my nuubness - if that is a word even!...I am having the following problem (using the default template 2.2)

The main nav menu (ie home, suggest listing etc etc) isn't recognising which page is active...meaning that no matter which page I am on, the "Home" link is always set to ul.menu li.active, disabling the link and making the navigation confusing (and obviously making it impossible to go back to "Home").

To be honest I am unsure even whether I should be looking at changing the css or changing the source code...

Help!

[Vladimir T.]

Hi JAQ

You can find code for top menu in header.tpl

<!-- menu start -->
<div class="top-menu">
	<ul class="menu">
		{foreach from=$menus.main item=menu}
			{if $menu.active}
				<li{$menu.active}><div>{$menu.title}</div></li>
			{else}
				<li><a href="{$menu.url}"{$menu.nofollow}>{$menu.title}</a></li>
			{/if}
		{/foreach}	
	</ul>
</div>
<!-- menu end -->

Also css style in ./css/style.css

div.top-menu
{
	padding: 10px 0 5px 0;
	margin: 0;
}
ul.menu
{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.menu li
{
	margin: 0;
	background: url('../img/tab-left.gif') center left no-repeat;
	height: 22px;
}
ul.menu li a
{
	line-height: 22px;
	padding: 0 15px;
	display: block;
	text-decoration: underline;
}
ul.menu li a:hover
{
	text-decoration: none;
}
ul.menu li.active
{
	background: #B4DDFC url('../img/tab-left-active.gif') top left no-repeat;
}
ul.menu li.active div
{
	line-height: 22px;
	padding: 0 15px;
	background: url('../img/tab-right-active.gif') top right no-repeat;
}

P.S let me know your site URL.

[JAQ]

Thankyou for the reply - but I still can't get this to work

The css and the source code is exactly as it appears in your message, but I am still having this problem. The URL is www.serenespirit.com.au/directory

appreciate your help

[Vladimir T.]

Hi JAQ,
Please give me FTP details in PM.
I will try help you.