Problems with main_menu in column

Hi Guys,

i've a problem with the main_menu in the module position "column". If I click on a Mainmenue item, the module main_menu looks correctly like on the following pic.



But if i click on a submenu item, then the main_menu looks like the next pic.
How can I fix the problem? can anybody help, please?



Best wishes from germany

can anybody fix the problem?

Hi

Please try adding this code on template.css file:

Code: Select all

.menu .level1.topli ul li {padding-left:20px!important;border-left: 1px dotted #ccc;}


If this doesn't work, please show us your site.

Cheers

Hi Paulo,

thank you for your support ,

the site is temporarily on a local pc and not online.
Your code helps a lot, but now it looks like the following pic:



Thank you
best regards from germany

Hi Paulo,

if i use your css code, then i've the following Problems with the hover-effect in the mootools Mainmenu . It looks like this:



Thank you

Hi

Is there a possibility to put the site online to try find the fix?

Hi

I got Your mail, but the site displays blank.

Hi,

I've send you two mails.
In the first mail there was a wrong link..sorry

Hi

Ok. I got it. Please edit suckerfish.css file and change the width in class to:

Code: Select all

div#horiz-menu li ul, div#horiz-menu li li, div#horiz-menu li li:hover ul, div#horiz-menu li li li:hover ul, div#horiz-menu li li li li:hover ul {
width:170px;
}


Thank you for your help. I could not fix the problem with the new code. The top menu has hovereffekt still the wrong one. also is the presentation of the menu in "column" not yet right.

For example when you select "Bürgerservice" button, then the sub-items are shown correctly. If you click on an sub-item (ex. "Ortsrat /-verwaltung"), then the representation is not correct.

Hi

That's strange now the values of 15px works fine ;/ Please change it also for an <a> element.

Code: Select all

div#horiz-menu li li a {
padding:0 0 0 5px;
width:150px;
}
div#horiz-menu li ul, div#horiz-menu li li, div#horiz-menu li li:hover ul, div#horiz-menu li li li:hover ul, div#horiz-menu li li li li:hover ul {
width:150px;
}


Hi,

I just changed the width for an <a> element, but it doesn't work fine.. You can see it on my demopage. I used also the code by Seichinha in template_css.css to try fixing the problem with mainmenu in column. But it isn't the best resolution.The suckerfish mainmenu works fine without Seichinhas code..

Hi

That's strange. It's working when I add it by firebug ;/

Please send me joomla panel access with ability to manage css files.

Hi

Thanx, I've just send you the Login for the demopage.

Best Regards

flaetchen wrote:

Hi,

I just changed the width for an <a> element, but it doesn't work fine.. You can see it on my demopage. I used also the code by Seichinha in template_css.css to try fixing the problem with mainmenu in column. But it isn't the best resolution.The suckerfish mainmenu works fine without Seichinhas code..

Hi

The fragment code add previously is not for suckerfish menu. It's only for menu style on modules.

Please open your suckerfish.css and find this fragments:

Code: Select all

div#horiz-menu li li{
   margin:0;
   height:30px;
       
}


replace with

Code: Select all

div#horiz-menu li li{
   margin:0;
   height:auto;
       
}


Find this

Code: Select all

div#horiz-menu li li a{
   padding:0 0 0 5px;
   width:150px;
}


replace with

Code: Select all

div#horiz-menu li li a{
   padding:0 0 0 5px;
   width:170px;
        margin-left:-20px;
}


Finally, add this code also:

Code: Select all

div#horiz-menu ul ul{
width: 190px!important;

}


Cheers

hi Paulo,

thanx for helping me... I replaced the code and add the last code in suckerfish.css but nothings happend

Your first code i've added into the template_css.css for menu-Style, but it is not exactly . And if i remove the first css-code, than the suckerfishmenu works fine again.

oh i see... my mistake. Sorry

ok so try using this code instead (the 1th code for menu style on module):

Code: Select all

.moduletable_content .menu .level1.topli ul li {padding-left:20px!important;border-left: 1px dotted #ccc;}

and them, return to the original suckerfish css style.

Cheers

Hi Paulo,


thanks for your help and for the new code. The suckerfish_menu works fine, finaly
But if you take a look to the main_menu in "column", it's only works fine if you activate a main-item. if you click on a sub-item, it doesn't.
Here are two pics to show you the problem.

with activated main-item:


with activated sub-item:

Try this fragment instead:

Code: Select all

.moduletable_menu ul.menu li {padding: 4px 0;border-bottom: 1px dotted #ccc!important; }
.moduletable_menu ul.menu li:first-child { border-bottom: 1px dotted #ccc!important }
.moduletable_menu ul.menu li a { padding-left:8px; }
.moduletable_menu ul.menu li.active>a {color:#318CBB!important; }
.moduletable_menu ul.menu ul { margin:0 0 6px 2px; padding:0 0 0 18px!important; }
.moduletable_menu ul.menu li li {border-left: 1px dotted #ccc!important;padding-left:0!important}
.moduletable_menu ul.menu ul li li {border-left: 1px dotted #ccc;}


cheers

thanx. it works
thank you very much