Menu Issue

[Kyle – SUPPORT]

Try adding this:

nav.mega-menu li .sub li.mega-hdr {
  border-right: 0;
}
nav#main-navigation .menu ul.sub-menu ul.sub-menu {
  margin-left: 0;
}

– Kyle

[sb91]

Thanks, that fixed the issue.

Last thing, you know under the Services menu some of the sub menu words/titles are too long so they get cut off “…”. When I was using mega menu the sub menu box like expanded so it took up two lines. Is there any way I can achieve this using the normal menu? (screenshot attached)

[sb91]

Kyle I added that css and it fixed it for the home page but when I am on any other page e.g. http://wordpress6.azurewebsites.net/home/foreign-exchange-for-importers/ the menu is still dissapearing e.g. if you hover over about and then move through the sub menus.

I think this might have something to do with the page heading/breadcrumbs? not too sure.

Because it seems to work better on pages like home and contact which dont have this blue page heading bar.

[Kyle – SUPPORT]

Yes it is the breadcrumbs, add this to your custom css:

#breadcrumbs {
  z-index: 1;
}

For the long titles, add this to your custom css:

nav.std-menu .menu ul li > a, nav.std-menu .menu ul li > span.title {
  max-width: 250px;
  padding: 10px 15px;
  white-space: pre-wrap;
  min-width: 180px;
}

– Kyle