Menu separated in two like demo Mystore

Hello.

I have the template Mystore, and I would like to get a menu similar to this image


Knows somebody how to do the separations between the two parts of this menu???

Many thanks for all

hey akrolwellness... welcome to gavick..

this can be done with mega menu... please take a look at the wiki page for megamenu, it describe this very good ...

http://wiki.joomlart.com/wiki/JA_Templa ... Navigation

if yo can't get it to work, please send me a msg and i can make it for you

Many thanks for the link. It is very complete. I will try to do it by myself, but if I can't I will ask for your help.

Bye

let me know how it goes. im here to assist you

Hello again.

I'm trying to show icons in the menus, but I can't.
I have yet installed the JA Menu Parameters Plugin and I see the same menus that in the tutorial, but what I get is only one space where the icon must be. Like in the next image

In the place where must be the icon only appears an aditional space that was not before.

Do you know what would be happening.

Many thanks

Hi

Please show me Your site.

Hello Teitbite.

My site is under construction, because I am changing my old site in html for this new in Joomla, but you can get it in this url http://188.165.216.25/~akrollco/

You can see the efect in the main menu, in "inicio" there is a small space before "inicio", this space appears only when I select an image of 16x16px in the folder /images/stories. The image don't appears, only the space.

Other menu like before is the next, "Climatización de piscinas". when you put the mouse-over and them, over "bombas de calor", the firs option that you can see is "Modelos bomba de calor", just before you can see the blank space.

I will be gratefull if you can help me with this issue.

Many thanks.

Hi

As far as I can see megamenu is not adding images, but is preparing class to make it (?? ;/ ). In this case You can add this using this code in css:

Code: Select all

a#menu91 span {
background:transparent url(../images/icon.png) no-repeat 0px 0px;
}


Please use Firebug to see other classes.

Hi Teitbite.
Please, can you tell me what .css archive must I to edit?

Many thanks

this would be the megamenu.css i presume

Hello All.

After some days searching for a solution, it was so simple. The name of the images contained a blank space. After delete it, all goes well.
I can insert images and customize the megamenu in the mega.css.
Now I have another problem, but I will start another post because I think that it is a little different.

Many thanks for your help.