Menu errors

The Menu on the left on this page is somewhat of a mess

Been digging around in CSS but can't seem to resolve the issue

2010-12-13_1039.png

Hello Yerg,

You can start by using the style : "white-space:nowrap;" on your <a class=sublevel ...>
This won't solve the fact that the column size is too low, but will be nicer to the eye !

Regards,
Antoine

No problem

What needs to be done?

Hi

Please add this code on template.css file:

Code: Select all

.moduletable_content .sublevel {background: none;border-right: none;height:auto}


Cheers

You can also look at my answer above with the nowrap css style.

Code: Select all

.moduletable_content .sublevel {white-space:nowrap;}

After you've done this, try to find the way to enlarge the width of your left column in the template paramaters preferrably.

Seichinha thanks so much

Was trying to edit existing code ... no use

Hello Yerg,

I’ve looked further and you could use also :

Code: Select all

.moduletable_content .sublevel {margin: 1px 0 0 0 !important; white-space:nowrap;}

which would let you keep your menu background...

Regards,
Antoine

Seichinha thanks so much

Was trying to edit existing code ... no use

Did you clear cache?
Where did you place it?
Please try again:

Code: Select all

.moduletable_content .sublevel {background: none;border-right: none;height:auto;
padding-left:12px!important;}


Also, don't forget to remove non-breaking spaces on category name.

This should be the result:

screen_2010-12-13-2.png

@antoinicolas

Your way works fine.
but i would not add white-space:nowrap property, because the category name might be longer.

Thanks for helping our users.
Much appreciated.