Megu Menu Item Sizes, Grey Line Dividers

[MHC]

No problem now. Added this and it worked:

nav#main-navigation .menu ul.sub-menu > li {
  border-bottom: 0 none;
  border-top: 0 ;
  font-size: 14px;
}

[lpanalyst]

Thankyou!

[Mohammad – SUPPORT]

Hi,
I’m glad that issue resolved .
Thanks 🙂
With Best Regards
Swift Ideas

[lpanalyst]

Hi Kyle,

You provided me with the custom code below to tighten up the Mega Menu spacing, however, when I updated to the new version of the theme, it seems to have reset. Can you provide updated custom CSS?

For example, at http://www.lpanalyst.com, I would like to tighten the space between LP Solutions (level 1 menu), Valuation (level 2 menu), Secondary Transfers (level 3 menu item) as an example.

/* MEGA MENU SPACING */

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;
}

figure.animated-overlay:hover figcaption {
-ms-transform: none); /* IE 9 */
-webkit-transform: none; /* Chrome, Safari, Opera */
transform: none;
}
.animated-overlay h4 {
display: none;
}
figcaption .thumb-info i {
top: 42%;
}

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;
}
nav.mega-menu li.sf-mega-menu-alt .sub li.mega-hdr {
padding: 0px 20px 20px;
}

[Mohammad – SUPPORT]

Hi,
My colleague will you assist you shortly.
Thanks 🙂
With Best Regards
Swift Ideas

[lpanalyst]

Thanks Mohammad

[Kyle – SUPPORT]

Sorry I forgot what space it is that we tightened up, could you provide a screenshot?

– Kyle

[Kyle – SUPPORT]

Add this to your custom css:

nav#main-navigation .menu ul.sub-menu > li {
  border: none!important;
}

– Kyle

[lpanalyst]

Hi Kyle, Added that but didn’t see a change. Attaching the image. Basically that first row of menus under the main menu was flush up against the bottom of the white header bar. Then the next third level menus were moved up closer as well.

I think the change is just taking away the extra padding around around the first menu item under LP Solutions (i.e. DILIGENCE, MONITORING, VALUATION, CONSULTING) and GP Solutions and making it similar to the padding for all of the items below those sub menus.

[lpanalyst]

Here is the image

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Add this:

nav#main-navigation .menu ul li > a {
  padding: 2px 15px !important;
}

– Kyle

[lpanalyst]

hmm doesn’t appear to have made an impact

[Kyle – SUPPORT]

You use a cache plugin don’t you? From what I remember

If so you will need to empty your cache

– Kyle

[lpanalyst]

I deactivated it a couple months ago.

[Kyle – SUPPORT]

When I check it’s not showing up in your custom css, please provide me with a login so I can check it

– Kyle