Mega Menu color changes

[armpouniotis]

Hi there !

is it possible for anyone to explain to me how to change the mega menu CSS attributes, in order to change the background color, the font color and some other things, in 1st and 2nd level ?

I am really confused on how to changed all these stuff....

Thank you in advance !
Christos

[webgift]

What do you want to do in particular? Do you have any ready demo example for testing?
 

[Trophybiker]

I did this here:  /modules/mod_mega_menu/inc/megamenu.css   and also   /modules/mod_mega_menu/inc/megamenu-rtl.css

[armpouniotis]

Hi there !

Check this:

http://www.armpouniotis.gr/

I just want to do some simple things in 1st & 2nd level:

Change font color, change background color, width etc

Thank you in advance
Christos

[webgift]

That's right as @Trophybiker mentioned. You could edit megamenu.css only if you don't
use RTL languages.
Take under consideration that the template you use 'artisian' loads its CSS file at
the bottom of the generated HTML document. That means that it could bypass some
module's CSS rules thus, it could affect the general module's appearance.
 

[armpouniotis]

Hi there !

my question is:

which attributes of the mega menu css file should I change in order to make these changes ?

Thank you in advance
Christos

[webgift]

As far as i can see you find them out.

[armpouniotis]

More or less yes, i managed to edit it !

Now my problem is that in mobile version, this mega menu is showed horizontally and not vertical as i want it to be.

Any ideas of how can i do that ?

[datahell]

I don't know megamenu but it doesn't look to be responsive. So, it has the same look for mobile phones as for desktop computers.

To change mengamenu style on mobile phones you must write media queries in module's css file.

Question: Why you use megamenu? I dont see a complex menu in your site. You have a typical menu which can be displayed fine with the standard Elxis menu module which, in comparison to the megamenu, is responsive. The only thing that you will have to do is to change the menu colours in your template's css file.

[armpouniotis]

Hello dataHell !

I am using mega menu because it is dropdown menu on hover.

As far as I see, Elxis standard menu is not a dropdown, and it displays sub menu items without hover !

I don't know if this is true, but please correct me if I am wrong ! You will save my night time !!!

Thank you in advance
Christos

[nikos]

Elxis standard menu module displays sub menu items on hover, is responsive and customizable by css, so you can use it instead of Megamenu.

[armpouniotis]

Hi there !

please, show me an example !

Christos

[nikos]

If you load a standard Elxis 4.6 installation on localhost or even online with flex template which is the default one of any elxis installation you can see it.

[armpouniotis]

ok !

I will check it out and I will let you know !

Christos

[nikos]

And look also this topic how you can add font awesome icons on menu items.