MegaMenu Fonts/Width

[jacek]

Hey!

1. Could you please let me know the custom code to change the font size for navigation labels in mega menu witch switched on option for “Mega Menu No Link Title”?
2. Is it possible to change mega menu to fullwidth and to show more columns? For example 10 instead of 5?

Thanks in advance!

Jacek

[Tahir – SUPPORT]

Hi,
Please see this thread http://support.swiftideas.net/forums/topic/dropdown-menu-font-size/ .

Best,
Tahir

[jacek]

Hi Tahir,

I’ve seen this already and it didn’t fix this issue.
The problem is, that above code is working only for navigation labels without “mega menu no link title” option switched on. If it’s switched off it works but as soon as you switch this option on again fonts are switching to default again.

BR,

Jacek

[jacek]

Hi Again,

Custom CSS code provided by Ed in mentioned topic above :

nav.mega-menu li .sub li.mega-hdr a.mega-hdr-a, nav.mega-menu li .sub li.mega-hdr span {
font-size: 22px;
}

works only if the navigation label is connected with some page/content and it stop working as soon as
you switch “Mega Menu No Link Title” option on (see attachement).

Any ideas?

BR

Jacek

[Melanie – SUPPORT]

Hey, can you post up a URL so I can check it out and give you custom css? 🙂

[Matthias]

Hi guys,

did this work out? I am trying to add a 6th column to the mega menu with this CSS:

nav.mega-menu li.sf-mega-menu-6col .sub li.mega-hdr{
width:16.66%;
}

But I can’t get the 6th column to stay in the same row with the others.

Any ideas?

Matze

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide us your website url?

-Rui

[Matthias]

This reply has been marked as private.

[Kyle – SUPPORT]

Unfortunately you can’t have 6 columns sorry, the 5th column has a ‘last’ class assigned to it, that’s why the 6th one is on a different row

– Kyle

[Matthias]

thanks Kyle, unfortunate.

I can see the class (nav.mega-menu li .sub li.mega-hdr.last) that explains it.

Where would I find the class to be assigned to the last column? functions.php?

Thanks

[Kyle – SUPPORT]

It will be the files in swift-framework/sf-megamenu

– Kyle

[Matthias]

It’s not there but in functions.js

megaMenu: function() {
jQuery(‘#main-navigation .menu’).dcMegaMenu({
rowItems: ‘5’,

I just had to change the 5 to 6 and that’s it. That cost me some time though ..

[Rui Guerreiro – SUPPORT]

Glad you sorted. Apologize for any inconvenient.

-Rui