Mega Menu color changes

[armpouniotis]

Hi there !

Now, I see a new installed version of elxis, but I can't see any dropdown menu !

I am hovering all menus, but I can't see any sub item !

Can you please help me a little bit more ?

Christos

[nikos]

Ηave you added some children menu items on one main item in order to check it?

[armpouniotis]

Yes,

I see your point ! You are right !

Now I am checking the .css file to see how it is done !

I will let you know !

Thank you
Christos

[nikos]

You are welcome!

Study well on a localhost installation the template.css file of flex template. Look at classes elx_menu for horizontal menu and elx_vmenu for vertical menu. There you can find all you need doing tests.

[webgift]

Unfortunately Mega Menu is not responsive thus, we have the same appearance for both
desktop and portable devices. Follow @nikos and @datahell advice and you'll find out an
alternative option. I'm sure you'll finally find out what you need.

[armpouniotis]

Hi there !

Now my problem is this:

I have made a div, and Inside that I have placed the main menu with its sub items.

Everytime, I am hovering on the menu to see the sub items, the div's height gets bigger !

How can I make the height to be stable ?

Please, see: www.armpouniotis.gr

and let me know !


Thank you in advance
Christos

[nikos]

I advised you previously to study flex template, not only for menu, because is a very good one, responsive and adaptive, but I see that you work on delta which is an old non responsive template.

[armpouniotis]

Hi there !

thank you for your advise !

I have managed to make it ! Now, I have already understood all the necessary css attributes for sub items etc !

Yes, in that way, my life got easier for me !

Thank you very much !

Christos

[bully]

Hi Christos,

changes inside a css can have quite complex effects. My suggestion: in the debugger, you can just overwrite almost any value, to see the immediate changes and another possible good idea:
Don't overwrite any settings or delete something.
prefix the entries with: //
and then copy the the original and change the value
So you can always roll-back changes made easy.
Once your design is sorted, then you can delete all entries, beginning with //
Look at the screenshot, so you can detect/select the single elements and also "overwrite" them for a preview