Megu Menu Item Sizes, Grey Line Dividers

[lpanalyst]

How do I reduce the size of the text in the Mega Menu drop downs and remove the grey lines in between menu items?

Prefer a cleaner look similar to Dante site – Portfolio Menu dropdown.

http://lpanalyst.com/sitev2/

[Kyle – SUPPORT]

Hi

1) Add this to your custom css:

nav.mega-menu li .sub li.mega-hdr a.mega-hdr-a, nav.mega-menu li .sub li.mega-hdr > span.title {
  font-size: 14px;
}
nav.mega-menu .sub li.mega-hdr li.menu-item > a {
  font-size: 12px;
}

2) Select Alternate Mega Menu for the LP Solutions menu item

– Kyle

[lpanalyst]

Hey Kyle,

That looks much much better. Thank you.

As follow up, is it possible to reduce the space between LP Solutions (1st level menu) and the underlying Solution headers (2nd level menu) and Solution header (2nd level menu) and the Underlying Individual Solutions (3rd level menu)?

Thanks again…very helpful!

[lpanalyst]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Sorry I do not fully understand the question, to reduce space add this custom css:

nav.mega-menu li .sub li.mega-hdr a.mega-hdr-a, nav.mega-menu li .sub li.mega-hdr > span.title {
  padding: 5px 15px;
}
nav#main-navigation .menu ul li > a {
  padding: 2px 15px;
}

– Kyle

[lpanalyst]

Kyle,

This worked great on the spacing for ! Thank you!

Is there also custom code we could add to reduce the spacing between the main header “LP Solutions” and the titles (LP Solutions/Diligence/Monitoring/Valuation/Consulting) on the drop down?

Then we would be perfect!

[Kyle – SUPPORT]

The top part of the CSS will have done that, if you want to reduce it even more add this:

nav.mega-menu li.sf-mega-menu-alt .sub li.mega-hdr {
  padding: 10px 20px 20px;
}

– Kyle

[lpanalyst]

I add this to what you previous gave me correct? Or does this code replace that?

[Kyle – SUPPORT]

No, add it to the previous code 🙂

– Kyle

[lpanalyst]

Ok, i understand how it works. Thank you — think this looks great!

[Kyle – SUPPORT]

No problem 🙂

– Kyle

[tsimarketing]

Hey – I love what you did for lpanalyst! Is there a way to reduce the padding between the columns of the mega menu too?

[Kyle – SUPPORT]

Hi

Only slightly, add this custom css:

nav.mega-menu li.sf-mega-menu-alt .sub li.mega-hdr {
  padding: 0 0px 20px;
}

– Kyle

[MHC]

Hi,

I tried the CSS codes here but none of them removes the grey line dividers?

Thank you.

[MHC]

This reply has been marked as private.