How Display Two Menu Groups in One Menu Column

Hello there,

I have a requirement to add two groups a menu column, i tried to do it on my own but i wasn't able to

please see the image below,



Currently i have 5 columns for the "Products and Services" and 5 menu gropes are assigned to it, however we don't have much content (menu items) under two of those groups, so i was thinking whether its possible to add two groups under one column ? and make total columns for "products and services" to 4, instead of 5.

in have noticed when you change numbers of columns (Ex: 4) but you have 5 Menu Groups, in that case it will assign 5 menu groups to 4 columns, but the issue is i can't control which are the two Groups should be in 1 column. is there a way to get this sorted ?

Please refer to the attached image, i have showed the way it is now with 5 columns, and also i have made a simulation (using photoshop) who it should be.

website : sisco.webs.lk

Please get back to me on this ASAP,

Thank you and Best Regards,

Thisara

when

Hi

I know it's possible, but to be honest I do not remember how Please send me an access to joomla panel, so I'll try on my own. None from old accesses You've send me already works.

Dear Teitbute,

Thank you very much, i have already send you the login information as a PM, please try to get ti dome today, i have planed to migrate the website today itself to the main domain. and probably after you fix the menu i would do it, so tomorrow we can launch it officially

Thank you for all your help.

Thisara

Hi, did you have a time to have a look at ? i am kinda waiting for you to do it so i can migrate the website

Hi, did you have a time to take a look at ? were you able to log in to joomla administration panel with the information that i provided ? please do let me know how it goes... i am waiting till you fix it to migrate the site under the company domain... if you are busy these days and not enough time to do this i can totally understand it, if you can direct me to some posts with the similar issue in this forum i can try to fix it myself... i am really grateful for all your help for last two months and thank you for introducing firebug i kinda got the hang of it and it is a very useful too i am enjoying using it.

Hi

I remember telling You about not bumping Your own threads Each bump changes the time of last activity and moves question to the end of the line, so in fact You are waiting longer.

I must say it was really hard since from unknown reasons menu does not react on settings, so I have to override it with small script added to /layout/blocks/head.php

Code: Select all

    $('.gkMenu > ul > li:nth-child(3) > .childcontent .childcontent-inner').each(function(){
        $(this).find('.gkcol:nth-child(3) > ul').after($(this).find('.gkcol:nth-child(4) > ul'));
        $(this).find('.gkcol:nth-child(4)').remove();
        setcolwidth($(this));
    });


and a fix to it's css:

Code: Select all

.gkMenu > ul > li:nth-child(3) > .childcontent {
    width: 782px !important;
    margin-left: -305px !important
}


Dear Teitbite,

Great Work I am really impressed, Thank you very much for all your hard work, i really appreciate it and i would recommend Gavick Templates to anyone because of the great and detailed customer support.

About bumping my own threads... not really, i didnt really know i checked the thread almost every day to see if there is a reply.

oh by the way, i have added:
height: auto !important;
to the css override as it was taken the full height of the display, and after setting the height to "auto" its okay, i hope this will not effect anything else.

and, if i add any more columns, or groups in the future to that menu (Products & Services) do i have to change the script that you added ?

Thank you and Best Regards,

Thisara

Hi

Yes, changes to the script will need to me make. I'm afraid this one is a very static one but I hav no other option.

Dear Teibite,

I am facing a side effect after the modification we did to the menu, actually our group’s chairman himself pointed this issue. this is somewhat critical in smaller displays specially, please refer to the image below. the “product & services” menu appears even when you are hovering the courser on the area where i have made a Red color box, this is happening while the page loading, or right after its loaded.



I will inbox you the information of the website again in case if you can’t find it from the previous one, please visit and see, as an example, refresh the page, and move the curser to the left and right (which in the area that i have marked in red in above image) you will see the product and services menu appears.

I hope you have an understanding of what might be happening, and how to prevent it. please get back to me asap, and this time i am not going to jump over my own thread but i will be waiting for the notification

Thank you and Best Regards,

Thisara

Hi

What should happen when I hover cursor over this area ? Nothing is showing when I do that ;/ Is this fixed ?

Hi, sorry if i haven't described well earlier, the issue is not fixed yet, its way beyond my knowledge i believe. however to show you the issue i have captured the screen when it happens and uploaded the video to youtube, i will send you the link as a private message and please have a look,

Thank you and Best Regards,

Thisara

Hi

You haven't mentioned it happens on load only. I've change last css to this:

Code: Select all

.gkMenu > ul > li:nth-child(3) > .childcontent {
    width: 782px !important;
     height: auto !important;
    margin-left: -305px !important
    display: none !important;
}

.gkMenu > ul > li:nth-child(3):hover > .childcontent {
    display: block !important;
}


Dear Teitbite, thank you very much, it seems properly fixed thank you very much bro really appreciate your hard work!

Dear Teitbite,

Sorry that i gonna have to ask you the same thing again i just found the problem is not 100% solved, there is a small area and if you keep the curser or move with in that area still the "product and services" menu appears as before, please refer to the image below. (i have highlighted the area in red)



I really didn't wanted to trouble you again regarding the same issue even after you fixed it, as it's still there i am not able to inform the company management that the problem is fixed. so i hope you can fix this small part as well. i tried for hours doing different things to the menu, override code that you have added, reading forums .etc, but i couldn't get it to work. i kept everything back to normal as you left it, please have a look,

The log in information i have sent you earlier is still valid.

Thank you and Best Regards,

Thisara

Hi

It doesn't make any sense Whole submenu was disabled with my last code. I've moved it behind the screen on load.

Code: Select all

#gkHeader .gkMenu > ul > li:nth-child(3) > .childcontent {
    width: 782px !important;
    height: auto !important;
    margin-left: 1000px !important;
    display: none !important;
}

#gkHeader .gkMenu > ul > li:nth-child(3):hover > .childcontent {
    margin-left: -305px !important;
    display: block !important;
}

#gkHeader .gkMenu > ul > li:nth-child(3) > .childcontent .gkcol {
    height: auto !important;
}


Dear Teitbite,

Thank you for taking time to fix these issues, finally the mentioned issue was solved, the sub menu is not appearing when you hover the curser around that area, that issue is solved i can say.

However, Unfortunately... there is another side effect after this CSS modification, for me none of these are making any sense... lol there were two other child menus under "General Trading", Environmental Products & Fast Moving Consumer Goods. both of those had another submenu, but now those are inactive for some reason, could you please have a look ?

Really Appreciate your help!

Thisara.

Hi

I can see You have removed all the changes and I think it's a good decision. Looks like menu is too complex to bring any changes to it. So I'm afraid this request just cannot be done. Sorry I couldn't help in this case.

Dear Teitbite,

Thank you for your reply, well... i did not removed any changes that you have made. yeah the menu is too complex i guess... and its okay if its not possible this time, you have already done enough with this menu i won't be using any other child categories, i will manage it with that we have

Thank you for all your help in this project.

Thisara,

Hi

Sorry I could not help in this case, but when every change triggers a new problem than there is nothing which can be done.