Mega Menu Colour Change

[Buzby]

I have searched for this and am surprised that it hasn't come up before.

Is there any easy way to change the colour of just one of the tabs in the Mega Menu. For instance to change a "Sale" tab to red?

Any advice would be appreciated.

Jason

[peblaco]

You would probably need a blockif for MainSection on the mega menu layout and a CSS style. This post may give pointers.

[Buzby]

Many thanks Louise

[graphicz]

Make a true/false variable selectable at Section level in Properties called 'IsSale', top value false

In the 'Sale' section in properties select true for 'issale'

In the Mega Menu layout around line 23 look for

echo '<li><a id="main-link<actinic:variable name="ListIndex" selectable="false" />" href="<actinic:variable encoding="perl" name="SectionHref" />"';

Change that line to:

echo '<li<actinic:block if="%3cactinic%3avariable%20name%3d%22IsSale%22%20%2f%3e"> class="salelink"</actinic:block>><a id="main-link<actinic:variable name="ListIndex" selectable="false" />" href="<actinic:variable encoding="perl" name="SectionHref" />"';

Style

#mega-menu ul>li.salelink>a

as you wish

[Mantra]

Thanks, Jonathan
I've created a new SALE Section on our site that stands out well with the colour change on the mega-menu tab and your accordion style mini drop down menu.
Martin
Mantra Audio