Mega Menu

[EdHarrison]

I wonder - has anyone been able to tidy the mega menu, for example other menus drop down nicely to show single lines rather than the look of lego bricks:



See tidy and compact unlike my one - 2 images below


I'm sure you know what I mean...

[Goz]

Firstly, go into Settings > Site Options and select the Mega Menu tab.

Change How many columns in each drop-down box to 1

You might want to test some of the other settings such as Specify width of each column (in pixels) and Select depth of menu to display

I'll send you some CSS to tidy the display up - although that may not be until Monday

[Duncan Rounding]

I don't know how to fix the height issue - but it's caused by some headings having 1 line and others having 2 lines.

[EdHarrison]

Thank you - if there is a way of tidying it I am certainly interested, it is also bland being white boxes, just the background colour would help.

Hovering the very top ones gives pallette1 and looks good but the ones that drop are washed out and ill defined, single lines with a solid contrast background would be far more usable and compact.

[Goz]

I don't know how to fix the height issue - but it's caused by some headings having 1 line and others having 2 lines.

That's why I always take the dotted line out from underneath each item - that just serves to highlight the differences in height

[Buzby]

I put images in mine, and a variable to change the default text to my choosing.

Can be seen on my test website here

[EdHarrison]

Nice work but a headache I bet!

[Goz]

Looks good Jason

[guccij]

That's why I always take the dotted line out from underneath each item

How do you do that? Help much appreciated!

[Goz]

Jules -

You need the ability to edit the stylesheet.

Go into Design and then click on "Current Stylesheet"

Search for "#mega-menu ul li ul li"

It should take you to the following :

#mega-menu ul li ul li, #brochure-menu li li {
    border-bottom:1px dotted <actinic:variable name="Palette1" />;
}

It's around about line 234 on a clean install.

You can either remove "#mega-menu ul li ul li," or delete the whole CSS entry if you want to remove it from the brochure-menu.

[guccij]

On it now ...

Thank you

[EdHarrison]

Mine looks a lot better now - thank you Andrew, I will tinker and see if I can get the drop downs to go dark as in the top row hover - for now I have at least given the drop downs a grey background to distinguish it from the site background - white on white tut.